tags aria 
Smashing Magazine
DECEMBER 6, 2021
Fortunately, the HTML attribute aria-label comes in handy here; it enables attaching explanatory text for screen reader users. <a href="aerospace-hackathon.html" aria-label="Read more about Eleks participation in the Space Hackathon">Read more.</a> Large preview ). Large preview ). Now, emails.
Smashing Magazine
JUNE 28, 2021
It’s a collection of mostly <head> tags and attributes I usually use on every website I build. The abbreviation nav just creates a <nav> start and end tag by default, but what I usually need is a <nav> with a nested <ul> , <li> elements and links ( <a> ). nav[aria-label='${1:Main}']>ul.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Smashing Magazine
AUGUST 3, 2021
Browsers ignore invalid HTML tags and unsupported CSS properties. Preventing form resubmission in JavaScript alongside using aria-disabled="true" is more usable and accessible than the disabled HTML attribute. UIs should adapt to the functionality they can offer, whilst providing as much value to end-users as possible.
Smashing Magazine
OCTOBER 4, 2021
</p> <ul class="js-favs" role=”list”> <li> <button aria-expanded="false"> <img src="/path/to/image" alt="Description of the image." /> </button> </li> </ul> </main> For the simplicity of the demo, I decided to use images wrapped with the aria-expanded attribute.
Smashing Magazine
JUNE 2, 2021
Several tools out there can help you with some of the basics , from having alternative text for all images and icons with a function, to color contrast, to knowing which ARIA attributes to use where (and when not to). Icon Loading. As on so many websites, we use several icons in our design.
Tim Kadlec
MARCH 20, 2008
That is where Accessible Rich Internet Applications (ARIA) come into play. ARIA offers attributes that we can use to add semantic meaning to elements. The ARIA 1.0 specification also includes support for many more roles set down in the ARIA Role taxonomy. aria-required=“true”] { background: yellow;}. `.
Smashing Magazine
OCTOBER 9, 2021
At the top of the page, we have a paragraph tag with a class of xyz-in and an xyz attribute with a value of fade. All we need to care about when using the `XyzTransitionGroup` component are `appear`, `appear-visible`, `duration`, and `tag`. This means that the p element will fade into the page. 25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,439,2.561L9.7,11.823a.25.25,0,0,1,0,354Z"
Expert insights. Personalized for you.
141 
Let's personalize your content