tom Indian rice exports get delayed at ports as Customs officials hold up consignments By www.thehindubusinessline.com Published On :: Wed, 09 Oct 2024 18:52:39 +0530 Exporters say they incur $70/tonne additional costs; Customs officials playing safe to verify if shipments are white or parboiled rice Full Article Agri Business
tom Kandla Customs Commissioner orders release of ship detained in organic rice export irregularities By www.thehindubusinessline.com Published On :: Thu, 17 Oct 2024 18:10:31 +0530 Tells Kandla traffic manager to allow another ship to set sail after getting release order from Gujarat HC Full Article Agri Business
tom CCL Products says more customers prefer short-term coffee contracts as market stays volatile By www.thehindubusinessline.com Published On :: Mon, 11 Nov 2024 21:00:06 +0530 See some softening in Vietnam prices as new arrivals are set to begin next month Full Article Agri Business
tom Faced with revenue headwinds, airlines go extra mile to win customers By www.thehindubusinessline.com Published On :: Mon, 11 Nov 2024 11:53:53 +0530 These initiatives come amid increased capacity and intensified competition in the Indian skies Full Article Logistics
tom The sound of tomorrow By www.thehindu.com Published On :: Thu, 20 Oct 2016 21:09:47 +0530 A three-day festival organised by Pracheen Kala Kendra in Chandigarh saw fine vocal and sitar recitals. Full Article Friday Review
tom Spotting d-band centers of single-atom catalysts by oxygen intermediate-boosted electrochemiluminescence By pubs.rsc.org Published On :: Chem. Sci., 2024, 15,18085-18092DOI: 10.1039/D4SC03763D, Edge Article Open Access   This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Ruyu Xie, Kaitao Li, Rui Tian, Chao LuWe have proposed an oxygen intermediate-boosted electrochemiluminescence probe for rapid spotting of the d-band centers of single-atom catalysts: the d-band centers closer to the Fermi level contributed to higher luminol ECL intensities.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Automated electrosynthesis reaction mining with multimodal large language models (MLLMs) By pubs.rsc.org Published On :: Chem. Sci., 2024, 15,17881-17891DOI: 10.1039/D4SC04630G, Edge Article Open Access   This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Shi Xuan Leong, Sergio Pablo-García, Zijian Zhang, Alán Aspuru-GuzikLeveraging multimodal large language models (MLLMs) to process multimodal data inputs and complex inter-modality data dependencies for automated (electro)chemical data mining from scientific literature.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Double coordination shell modulation of nitrogen-free atomic manganese sites for enhancing oxygen reduction performance By pubs.rsc.org Published On :: Chem. Sci., 2024, Advance ArticleDOI: 10.1039/D4SC05998K, Edge Article Open Access   This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Xue Bai, Yin Wang, Jingyi Han, Siyu Chen, Xiaodi Niu, Jingqi GuanUtilizing double coordination shell modulation, we construct a novel nitrogen-free single-atom manganese coordination configuration catalyst on graphene oxide (Mn–S1O4G), which exhibits excellent ORR and zinc–air battery performances.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Correction: Second-shell modulation on porphyrin-like Pt single atom catalysts for boosting oxygen reduction reaction By pubs.rsc.org Published On :: Chem. Sci., 2024, Advance ArticleDOI: 10.1039/D4SC90219J, Correction Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Tayyaba Najam, Syed Shoaib Ahmad Shah, Hanqing Yin, Xin Xiao, Shamraiz Talib, Qianqian Ji, Yonggui Deng, Muhammad Sufyan Javed, Jie Hu, Ruo Zhao, Aijun Du, Xingke Cai, Qiang XuTo cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Light-assisted carbon dioxide reduction in an automated photoreactor system coupled to carbonylation chemistry By pubs.rsc.org Published On :: Chem. Sci., 2024, Accepted ManuscriptDOI: 10.1039/D4SC06660J, Edge Article Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Jasper Schuurmans, Tom Masson, Stefan Zondag, Simone Pilon, Nicola Bragato, Miguel Claros, Tim den Hartog, Fransesc Sastre Calabuig, Jonathan van den Ham, Pascal Buskens, Giulia Fiorani, Timothy NoelContinuous-flow methodologies offer promising avenues for sustainable processing due to their precise process control, scalability, and efficient heat and mass transfer. The small dimensions of continuous-flow reactors render them highly...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Vanity Fair features Podcast by Bikeman author Tom Flynn By andrewsmcmeelpublishing.blogspot.com Published On :: Mon, 06 Apr 2009 18:45:00 +0000 Tom Flynn Reads from Bikeman by Vanity Fair April 6, 2009, 12:26 PM Bikeman by Tom Flynn Journalist Tom Flynn decided to respond to the events of September 11, 2001, by writing an epic poem in which he recalled how, on that fateful day, he had hopped on his bicycle, braved the chaos, and headed down to the World Trade Center to cover the attacks for CBS News. When the second tower was hit, Flynn found himself in the middle of the unraveling horror. In his book, Bikeman: An Epic Poem (Andrews McMeel), Flynn's poetic dispatches reflect on the sorrow, fear, and humanity shared by the nation on that “forever September morning.” In celebration of National Poetry month, VF.com presents an exclusive audio excerpt.http://www.vanityfair.com/online/culture/2009/04/06/tom-flynn-reads-from-bikeman.html Full Article Bikeman Vanity Fair
tom Reversible bonding in thermoplastic elastomer microfluidic platforms for harvestable 3D microvessel networks By pubs.rsc.org Published On :: Lab Chip, 2024, 24,4948-4961DOI: 10.1039/D4LC00530A, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Byeong-Ui Moon, Kebin Li, Lidija Malic, Keith Morton, Han Shao, Lauren Banh, Sowmya Viswanathan, Edmond W. K. Young, Teodor VeresAn openable, reversibly bonded microfluidic cell culture platform fabricated in thermoplastic elastomer and polystyrene for the generation, recovery, and extraction of engineered-microvessel networks.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Exploring cancer-associated fibroblast-induced resistance to tyrosine kinase inhibitors in hepatoma cells using a liver-on-a-chip model By pubs.rsc.org Published On :: Lab Chip, 2024, 24,5043-5054DOI: 10.1039/D4LC00624K, PaperMadhu Shree Poddar, Yu-De Chu, Gaurav Pendharkar, Cheng-Hsien Liu, Chau-Ting Yeh3D liver-on-a-chip reveals AHSG and CLEC3B to mediate cancer-associated fibroblast-induced resistance to TKIs in hepatoma cells.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Correction: Deciphering hepatoma cell resistance to tyrosine kinase inhibitors: insights from a Liver-on-a-Chip model unveiling tumor endothelial cell mechanisms By pubs.rsc.org Published On :: Lab Chip, 2024, Advance ArticleDOI: 10.1039/D4LC90093F, Correction Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Madhu Shree Poddar, Yu-De Chu, Chau-Ting Yeh, Cheng-Hsien LiuTo cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Tom Cruiser wins Mysore Dasara Sprint Championship-2024 By www.thehindu.com Published On :: Thu, 10 Oct 2024 19:09:44 +0530 Full Article Races
tom PCOS and PCOD: What's the difference? Symptoms, causes, treatment, prevention By www.dnaindia.com Published On :: Fri, 04 Oct 2024 13:26:00 GMT While you can't fully prevent PCOD or PCOS, early detection and healthy lifestyle choices can help manage symptoms. Full Article Health
tom Shah Rukh Khan feels breathless after quitting smoking: Know withdrawal symptoms, how to manage them By www.dnaindia.com Published On :: Mon, 04 Nov 2024 13:42:00 GMT Quitting smoking is a major accomplishment, but it can come with withdrawal symptoms that vary in intensity and duration based on the individual and how long they smoked. Full Article Health
tom What is saree, petticoat cancer? From causes, symptoms to prevention, all you need to know By www.dnaindia.com Published On :: Sat, 09 Nov 2024 09:04:00 GMT Research shows that tight petticoats worn with sarees may increase the risk of skin cancer in women due to constant.... Full Article Health
tom Madhya Pradesh in the bottom half of all State-level rankings | Data By www.thehindu.com Published On :: Sat, 18 Nov 2023 09:30:00 +0530 Madhya Pradesh lags behind most States in all economic and social indicators Full Article Data
tom President-elect Trump to appoint former ICE director Tom Homan as U.S. 'border czar' By www.thehindu.com Published On :: Mon, 11 Nov 2024 11:33:34 +0530 Mr. Homan, who served in the Trump administration for a year and a half during his first term, is also a contender for secretary of homeland security Full Article U.S. Elections
tom Journal of the Ottoman and Turkish Studies Association [electronic resource] By darius.uleth.ca Published On :: Binghamton, NY : Ottoman and Turkish Studies Association, [2014]- Full Article
tom A novel fluorescent probe with a large Stokes shift for colorimetric and selective detection of cysteine in water, milk, cucumber, pear and tomato By pubs.rsc.org Published On :: Anal. Methods, 2024, 16,2322-2329DOI: 10.1039/D3AY02322B, PaperLin Luo, Ranran Guo, Lianjie Wang, Xixi Song, Zhao Wang, Junliang WuA novel fluorescent probe for colorimetric and selective detection of cysteine was efficiently constructed through a simple and mild reaction conditions. Probe 2 displays a linear response to Cys concentrations (0–30 μM), low detection limit (0.89 μM), large Stoke shift (125 nm).The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom BSNL customer service changing for the better By www.thehindubusinessline.com Published On :: Thu, 09 Jan 2014 15:55:31 +0530 Full Article R Dinakaran
tom Look Who Just Met Tom Cruise! By www.rediff.com Published On :: Kartik wants to savour Litti Chokha in Patna... Amyra holidays in Phuket... Karishma in Italy... Full Article
tom 578: Customer Support, P3 Color, Dave on Productivity, and Mobile vs Desktop By shoptalkshow.com Published On :: Mon, 14 Aug 2023 07:24:25 +0000 Is Apple's Numbers amazing or the worst? Customer support at various levels of software, Figma and P3 color, imagining a colorspace property in CSS, what's Dave doing for productivity, how has offloading CSS Tricks affected Chris, and should we build different websites for mobile vs desktop? Full Article All Episodes css tricks p3 Productivity Tools
tom Aggregated customer power By www.thehindubusinessline.com Published On :: Sun, 13 Oct 2024 20:00:00 +0530 User-friendly financial services are a click away with account aggregators Full Article Current Account
tom Why are tomato prices rising in October: Data By www.thehindu.com Published On :: Sat, 19 Oct 2024 07:00:00 +0530 The average retail prices shot up to ₹65-70 per kilo in the north and the eastern regions in October Full Article Data
tom Border checkposts in Nilgiris to soon have automatic number plate recognition cameras By www.thehindu.com Published On :: Tue, 12 Nov 2024 14:50:23 +0530 This comes in the wake of the Madras High Court recently expressing dissatisfaction over the implementation of the e-pass system in the Nilgiris and Kodaikanal Full Article Coimbatore
tom Telephone cord blister formation in solvent swollen elastomer films By pubs.rsc.org Published On :: Soft Matter, 2024, Advance ArticleDOI: 10.1039/D4SM01035C, Paper Open Access   This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.James S. Sharp, Nathaniel M. Roberts, Sam WalkerTelephone cord blister formation is studied in PDMS films swollen in four different solvents. Buckling and fracture mechanics theories are developed to interpret blister morphology and growth rates. A simple surface patterning method is introduced.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Modeling nematic phase main-chain liquid crystal elastomer synthesis, mechanics, and thermal actuation via coarse-grained molecular dynamics By pubs.rsc.org Published On :: Soft Matter, 2024, Accepted ManuscriptDOI: 10.1039/D4SM00528G, PaperNicolas Herard, Raja Annapooranan, Todd Henry, Martin Kroger, Shengqiang Cai, Nicholas Boechler, Yelena SliozbergThis paper presents a coarse-grained molecular dynamics simulation study of the synthesis, mechanics, and thermal actuation of nematic phase main-chain liquid crystal elastomers (LCEs), a type of soft, temperature-responsive, polymeric...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Enhanced gravitational trapping of bottom-heavy Janus particles over parallel microgrooves By pubs.rsc.org Published On :: Soft Matter, 2024, Accepted ManuscriptDOI: 10.1039/D4SM00989D, PaperYan Wen, Jiayu Liu, Wei Wang, Pik-Yin Lai, Penger TongWe report a systematic study of barrier-crossing dynamics of bottom-heavy self-propelled particles (SPPs) over a one-dimensional periodic potential landscape $U_0(x)$, which is fabricated on a microgroove-patterned polydimethylsiloxane (PDMS) substrate. From...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Mechanical properties soft hydrogels: assessment by scanning ion-conductance microscopy and atomic force microscopy By pubs.rsc.org Published On :: Soft Matter, 2024, Accepted ManuscriptDOI: 10.1039/D4SM00966E, PaperTatiana Tikhonova, Yuri M. Efremov, Vasilii Kolmogorov, Aleksei Iakovlev, Nikolay Sysoev, Peter S. Timashev, Victor Fadeev, Alexander Tivtikyan, Sergey Salikhov, Petr Gorelkin, Yuri Korchev, Alexandr Erofeev, Evgeny ShirshinThe growing interest in biomimetic hydrogels is due to their successful applications in tissue engineering, 3D cell culturing and drug delivery. Major characteristics of hydrogels include swelling, porosity, degradation rate,...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Making a Better Custom Select Element By 24ways.org Published On :: Sun, 01 Dec 2019 12:00:00 +0000 Julie Grundy kicks off this, our fifteenth year, by diving headlong into the snowy issue of customising form inputs. Nothing makes a more special gift at Christmas that something you’ve designed and customised yourself. But can it be done while staying accessible to every user? In my work as an accessibility consultant, there are some frequent problems I find on people’s websites. One that’s come up a lot recently is that people are making custom select inputs for their forms. I can tell that people are trying to make them accessible, because they’ve added ARIA attributes or visually-hidden instructions for screen reader users. Sometimes they use a plugin which claims to be accessible. And this is great, I love that folks want to do the right thing! But so far I’ve never come across a custom select input which actually meets all of the WCAG AA criteria. Often I recommend to people that they use the native HTML select element instead. Yes, they’re super ugly, but as Scott Jehl shows us in his article Styling a Select Like It’s 2019 they are a lot easier to style than they used to be. They come with a lot of accessibility for free – they’re recognised and announced clearly by all screen reader software, they work reliably and predictably with keyboards and touch, and they look good in high contrast themes. But sometimes, I can’t recommend the select input as a replacement. We want a way for someone to choose an item from a list of options, but it’s more complicated than just that. We want autocomplete options. We want to put images in there, not just text. The optgroup element is ugly, hard to style, and not announced by screen readers. The focus styles are low contrast. I had high hopes for the datalist element, but although it works well with screen readers, it’s no good for people with low vision who zoom or use high contrast themes. Figure 1: a datalist zoomed in by 300% Select inputs are limited in a lot of ways. They’re frustrating to work with when you have something which looks almost like what you want, but is too restricted to be useful. We know we can do better, so we make our own. Let’s work out how to do that while keeping all the accessibility features of the original. Semantic HTML We’ll start with a solid, semantic HTML base. A select input is essentially a text input which restricts the possible answers, so let’s make a standard input. <label for="custom-select">User Type</label> <input type="text" id="custom-select"> Then we need to show everyone who can see that there are options available, so let’s add an image with an arrow, like the native element. <label for="custom-select">User Type</label> <input type="text" id="custom-select"> <img src="arrow-down.svg" alt=""> For this input, we’re going to use ARIA attributes to represent the information in the icon, so we’ll give it an empty alt attribute so screen readers don’t announce its filename. Finally, we want a list of options. An unordered list element is a sensible choice here. It also lets screen reader software understand that these bits of text are related to each other as part of a group. <ul class="custom-select-options"> <li>User</li> <li>Author</li> <li>Editor</li> <li>Manager</li> <li>Administrator</li> </ul> You can dynamically add or remove options from this list whenever you need to. And, unlike our <option> element inside a <select>, we can add whatever we like inside the list item. So if you need images to distinguish between lots of very similar-named objects, or to add supplementary details, you can go right ahead. I’m going to add some extra text to mine, to help explain the differences between the choices. This is a good base to begin with. But it looks nothing like a select input! We want to make sure our sighted users get something they’re familiar with and know how to use already. Styling with CSS I’ll add some basic styles similar to what’s in Scott Jehl’s article above. We also need to make sure that people who customise their colours in high contrast modes can still tell what they’re looking at. After checking it in the default Windows high contrast theme, I’ve decided to add a left-hand border to the focus and hover styles, to make sure it’s clear which item is about to be chosen. This would be a good time to add any dark-mode styles if that’s your jam. People who get migraines from bright screens will thank you! JavaScript for behaviour Of course, our custom select doesn’t actually do anything yet. We have a few tasks for it: to toggle the options list open and closed when we click the input, to filter the options when people type in the input, and for selecting an option to add it to the input and close the list. I’m going to tackle toggling first because it’s the easiest. Toggling Sometimes folks use opacity or height to hide content on screen, but that’s like using Harry Potter’s invisibility cloak. No-one can see what’s under there, but Harry doesn’t cease to exist and you can still poke him with a wand. In our case, screen reader and keyboard users can still reach an invisible list. Instead of making the content see-through or smaller, I’m going to use display: none to hide the list. display: none removes the content from the accessibility tree, so it can’t be accessed by any user, not just people who can see. I always have a pair of utility classes for hiding things, as follows: .hidden-all { display: none; } .hidden-visually { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } So now I can just toggle the CSS class .hidden-all on my list whenever I like. Browsing the options Opening up our list works well for our mouse and touch-screen users. Our styles give a nice big tap target for touch, and mouse users can click wherever they like. We need to make sure our keyboard users are taken care of though. Some of our sighted users will be relying on the keyboard if they have mobility or dexterity issues. Usually our screen reader users are in Browse mode, which lets them click the arrow keys to navigate through content. However, custom selects are usually inside form elements. which pushes screen reader software to Forms Mode. In Forms mode, the screen reader software can only reach focusable items when the user clicks the Tab key, unless we provide an alternative. Our list items are not focusable by default, so let’s work on that alternative. To do this, I’m adding a tabindex of -1 to each list item. This way I can send focus to them with JavaScript, but they won’t be part of the normal keyboard focus path of the page. csOptions.forEach(function(option) { option.setAttribute('tabindex, '-1') }) Now I can move the focus using the Up and Down arrow keys, as well as with a mouse or tapping the screen. The activeElement property of the document is a way of finding where the keyboard focus is at the moment. I can use that to loop through the elements in the list and move the focus point forward or back, depending on which key is pressed. function doKeyAction(whichKey) { const focusPoint = document.activeElement switch(whichKey) { case: 'ArrowDown': toggleList('Open') moveFocus(focusPoint, 'forward') break case: 'ArrowUp': toggleList('Open') moveFocus(focusPoint, 'back') break } } Selecting The Enter key is traditional for activating an element, and we want to match the original select input. We add another case to the keypress detector… case 'Enter': makeChoice(focusPoint) toggleList('Shut') setState('closed') break … then make a function which grabs the currently focused item and puts it in our text input. Then we can close the list and move focus up to the input as well. function makeChoice(whichOption) { const optionText = whichOption.documentQuerySelector('strong') csInput.value = optionText } Filtering Standard select inputs have keyboard shortcuts – typing a letter will send focus to the first item in the option which begins with that letter. If you type the letter again, focus will move to the next option beginning with that letter. This is useful, but there’s no clue to tell users how many options might be in this category, so they have to experiment to find out. We can make an improvement for our users by filtering to just the set of options which matches that letter or sequence of letters. Then sighted users can see exactly how many options they’ve got, and continue filtering by typing more if they like. (Our screen reader users can’t see the remaining options while they’re typing, but don’t worry – we’ll have a solution for them in the next section). I’m going to use the .filter method to make a new array which only has the items which match the text value of the input. There are different ways you could do this part – my goal was to avoid having to use regex, but you should choose whatever method works best for your content. function doFilter() { const terms = csInput.value const aFilteredOptions = aOptions.filter(option => { if (option.innerText.toUpperCase().startsWith(terms.toUpperCase())) { return true } }) // hide all options csOptions.forEach(option => option.style.display = "none") // re-show the options which match our terms aFilteredOptions.forEach(function(option) { option.style.display = "" }) } Nice! This is now looking and behaving really well. We’ve got one more problem though – for a screen reader user, this is a jumble of information. What’s being reported to the browser’s accessibility API is that there’s an input followed by some clickable text. Are they related? Who knows! What happens if we start typing, or click one of the clicky text things? It’s a mystery when you can’t see what’s happening. But we can fix that. ARIA ARIA attributes don’t provide much in the way of additional features. Adding an aria-expanded='true' attribute doesn’t actually make anything expand. What ARIA does is provide information about what’s happening to the accessibility API, which can then pass it on to any assistive technology which asks for it. The WCAG requirements tell us that when we’re making custom elements, we need to make sure that as a whole, the widget tells us its name, its role, and its current value. Both Chrome and Firefox reveal the accessibility tree in their dev tools, so you can check how any of your widgets will be reported. We already have a name for our input – it comes from the label we associated to the text input right at the start. We don’t need to name every other part of the field, as that makes it seem like more than one input is present. We also don’t need to add a value, because when we select an item from the list, it’s added to the text input and therefore is exposed to the API. Figure 2: How Firefox reports our custom select to assistive technology. But our screen readers are going to announce this custom select widget as a text entry field, with some images and a list nearby. The ARIA Authoring Practices site has a pattern for comboboxes with listboxes attached. It tells you all the ARIA you need to make screen reader software give a useful description of our custom widget. I’m going to add all this ARIA via JavaScript, instead of putting it in the HTML. If my JavaScript doesn’t work for any reason, the input can still be a plain text field, and we don’t want screen readers to announce it as anything fancier than that. csSelector.setAttribute('role', 'combobox') csSelector.setAttribute('aria-haspopup', 'listbox') csSelector.setAttribute('aria-owns', '#list') csInput.setAttribute('aria-autocomplete', 'both') csInput.setAttribute('aria-controls', 'list') The next thing to do is let blind users know if the list is opened or closed. For that task I’m going to add an aria-expanded attribute to the group, and update it from false to true whenever the list changes state in our toggling function. The final touch is to add a secret status message to the widget. We can use it to update the number of options available after we’ve filtered them by typing into the input. When there are a lot of options to choose from, this helps people who can’t see the list reducing know if they’re on the right track or not. To do that we first have to give the status message a home in our HTML. <div id='custom-select-status' class='hidden-visually' aria-live='polite'></div> I’m using our visually-hidden style so that only screen readers will find it. I’m using aria-live so that it will be announced as often as it updates, not just when a screen reader user navigates past it. Live regions need to be present at page load, but we won’t have anything to say about the custom select then so we can leave it empty for now. Next we add one line to our filtering function, to find the length of our current list. updateStatus(aFilteredOptions.length) Then we send that to a function which will update our live region. function updateStatus(howMany) { console.log('updating status') csStatus.textContent = howMany + " options available." } Conclusion Let’s review what we’ve done to make an awesome custom select input: Used semantic HTML so that it’s easily interpreted by assistive technology while expanding the types of content we can include in it Added CSS styles which are robust enough to survive different visual environments while also fitting into our branding needs Used JavaScript to provide the basic functionality that the native element has Added more JavaScript to get useful functionality that the native element lacks Carefully added ARIA attributes to make sure that the purpose and results of using the element are available to assistive technology and are updated as the user interacts with it. You can check out my custom select pattern on GitHub – I’ll be making additions as I test it on more assistive technology, and I welcome suggestions for improvements. The ARIA pattern linked above has a variety of examples and customisations. I hope stepping through this example shows you why each of the requirements exists, and how you can make them fit your own needs. I think the volume of custom select inputs out there shows the ways in which the native select input is insufficient for modern websites. You’ll be pleased to know that Greg Whitworth and Simon Pieters are working on improving several input types! You can let them know what features you’d like selects to have. But until that work pays off, let’s make our custom selects as accessible and robust as they can possibly be. About the author Julie Grundy is an accessibility expert who works for Intopia, a digital accessibility consultancy. She has over 15 years experience as a front-end web developer in the health and education sectors. She believes in the democratic web and aims to unlock digital worlds for as many people as possible. In her spare time, she knits very slowly and chases very quickly after her two whippets. More articles by Julie Full Article Code accessibility
tom This Chennai-based startup customises your sneakers so you can put your personality on them By www.thehindu.com Published On :: Fri, 07 Apr 2023 16:52:36 +0530 Pastels, bling, or bold colours, whatever be your taste, K-kix, a sneaker customisation platform from Chennai can do it for you Full Article Life & Style
tom An Easy Pill to Swallow / directed by: Robert Lang ; produced by: Tom Daly, Arthur Hammond ; production agency: National Film Board of Canada (Montreal) By darius.uleth.ca Published On :: Montreal : National Film Board of Canada, 2013 Full Article
tom Haldiram Bhujiawala raises ₹235 cr from Pantomath’s Bharat Value Fund By www.thehindu.com Published On :: Fri, 08 Nov 2024 22:13:25 +0530 India’s snacks market, which is worth ₹ 42,600 crore in FY24, is expected to reach around ₹95,500 crore by FY32, registering a CAGR of 11% Full Article Business
tom Rustom: Too smug for comfort By www.thehindu.com Published On :: Fri, 12 Aug 2016 13:19:19 +0530 There’s nationalist fervour and jingoism running right through this cinematic interpretation of the scandalous Nanavati murder case that rocked the nation in the 1950s. Full Article Reviews
tom Godrej Properties Q2 net profit surges fivefold; bottomline aided by deferred tax liability By www.thehindubusinessline.com Published On :: Wed, 23 Oct 2024 13:07:37 +0530 During the quarter, Godrej Properties sold houses worth ₹5,198 crore, up 3 per cent on year while collections rose 68 per cent to ₹4,005 crore Full Article Real Estate
tom The rhythm of tomorrow By www.thehindu.com Published On :: Fri, 06 Jun 2014 18:54:49 +0530 Students and artistes wait to interact at SPIC MACAY’s international convention in the city from June 8 to 14 Full Article Events
tom Photocatalytic arylation/alkylation of olefins/alkynes via halogen-atom transfer mediated by NHC-BH3 By pubs.rsc.org Published On :: Org. Chem. Front., 2024, Advance ArticleDOI: 10.1039/D4QO01562B, Research ArticleXinhan Li, Yao Zhong, Fengsong Tan, Yusong Fei, Xiaohan Zhao, Jianbin Xu, Baomin FanA versatile method for radical reductive cross-coupling of iodides and activated olefins under mild conditions, facilitated by NHC-BH3 through photocatalysis, was developed.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Nickel-catalysed enantioselective cross-electrophile coupling reaction with the retention of the β-fluorine atom By pubs.rsc.org Published On :: Org. Chem. Front., 2024, 11,6459-6469DOI: 10.1039/D4QO01555J, Research ArticleXin-Yi Shi, Xueyuan Yan, Xiaodong Tang, Shi-Jing Zhai, Genping Huang, Jun-An Ma, Fa-Guang ZhangA nickel-catalysed enantioselective reductive cross-coupling reaction of a new monofluoromethyl building block with acid chlorides is developed to give chiral α-monofluoromethyl acyloin derivatives.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Recent advances in carbon atom addition for ring-expanding single-atom skeletal editing By pubs.rsc.org Published On :: Org. Chem. Front., 2024, Advance ArticleDOI: 10.1039/D4QO01806K, Review ArticleTing Yuan, Lei ShiThis review focuses on recent advances in carbon atom addition for ring-expanding single-atom skeletal editing.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Nickel-catalyzed reductive 1,2-alkylarylation of alkenes via a 1,5-hydrogen atom transfer (HAT) cascade By pubs.rsc.org Published On :: Org. Chem. Front., 2024, Advance ArticleDOI: 10.1039/D4QO01875C, Research ArticleXi Chen, Qiang Wang, Xiao-Ping Gong, Rui-Qiang Jiao, Xue-Yuan Liu, Yong-Min LiangA nickel-catalyzed 1,2-alkylarylation of alkenes has been developed, leveraging amidyl radical-triggered 1,5-HAT with electrophiles as functionalizing reagents.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Macroporous chitosan/alginate hydrogels crosslinked with genipin accumulate and retain glioblastoma cancer cells By pubs.rsc.org Published On :: RSC Adv., 2024, 14,35286-35304DOI: 10.1039/D4RA06197G, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Lauriane Parès, Sahar Naasri, Lisa Delattre, Hélène Therriault, Benoît Liberelle, Gregory De Crescenzo, Marc-Antoine Lauzon, Nathalie Faucheux, Benoit Paquette, Nick VirgilioThis work demonstrates how macroporous hydrogels can be prepared with porous polylactide molds, and homogeneous solutions of sodium alginate and chitosan crosslinked with genipin, in order to accumulate glioblastoma cancer cells.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Statistically driven automated method for catalytic glucose conversion optimisation By pubs.rsc.org Published On :: RSC Adv., 2024, 14,35578-35584DOI: 10.1039/D4RA06038E, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Joseph Install, Rui Zhang, Jukka Hietala, Timo RepoA statistically driven, automated approach to optimize glucose transformations to platform chemicals, methyl lactate and levulinic acid, is reported.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
tom Nobel Peace Prize awarded to Japanese atomic bombing survivors’ group Nihon Hidankyo By www.thehindubusinessline.com Published On :: Fri, 11 Oct 2024 15:26:25 +0530 We wish to honour all survivors who, despite physical suffering and painful memories, have chosen to use their costly experience to cultivate hope and engagement for peace, says Jørgen Watne Frydnes, chair of the Norwegian Nobel Committee Full Article World
tom Malabar Gold achieves 50% cost reduction from automation as gold prices go through the roof By www.thehindubusinessline.com Published On :: Tue, 21 May 2024 14:00:10 +0530 The high prices may detract price-sensitive customers away, but he pins his hopes on the digital-savvy new generation to invest more in the gold Full Article Gold & Silver
tom Customs detains Shashi Tharoor’s aide in alleged gold smuggling case By www.thehindubusinessline.com Published On :: Fri, 31 May 2024 09:19:30 +0530 Customs officials detain Shiv Kumar Prasad for allegedly receiving 500-gram gold chain from passenger Dharmendra Dubey at IGI airport Full Article News
tom Budget 2024: To boost domestic production, Kerala gold trade seek basic customs duty reduction By www.thehindubusinessline.com Published On :: Mon, 01 Jul 2024 15:31:56 +0530 The recent increase in import duty from 7.5 to 15 per cent has significantly impacted production costs Full Article Gold & Silver
tom Budget 2024: Customs duty on gold, silver cut to 6% By www.thehindubusinessline.com Published On :: Tue, 23 Jul 2024 13:02:09 +0530 Telecom equipment faces hike in basic customs duty to 15 per cent Full Article Budget 2024