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.
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"
Smashing Magazine
OCTOBER 12, 2021
Speaking of accessibility, oftentimes it is overlooked or there isn’t enough time to create documentation on all the meta labels, aria tags, and so on. Designers don’t know what tags they need to input and developers don’t want to go through the hassle.
Expert insights. Personalized for you.
141 
Let's personalize your content