Auston Stamm’s Post

A useful update to a classic from 2014, particularly handy for anyone responsible for a style guide. https://lnkd.in/esY6PXxg

TL;DR CSS can tamper with the accessibility of your page, especially the tabbing order of keyboard navigation. So make sure you test the focus sequence of your page before sending your code into the WWW(ild). Tools like TabAlly can help you with this: https://lnkd.in/drTVS5zS --- In the world of web development, visual appeal often takes the spotlight, leading many of us to rely on CSS tricks like `order`, `float`, `position:absolute` to achieve our layout goals. But what happens when this visual rearrangement impacts user accessibility, especially for those relying on keyboard navigation? The answer lies in understanding the critical relationship between the DOM order, accessibility and tabbing order. To delve deeper into why source code order matters and how we can balance design with accessibility, I recommend reading this insightful article by Adrian Roselli, "Source Order Matters": https://lnkd.in/dkKjVseM Another great resource is Ben Myers' talk "Hijacking Screenreaders with CSS" held during last year's axe-con conference: https://lnkd.in/dy2iUcFd As a general rule, being aware of the fact that CSS can and does influence the accessibility of a page is crucial. P.S. the axe-con Digital Accessibility Conference is starting tomorrow with plenty of intersting talks on the topic of making the web inclusive. The attendance is free of charge and the talks are available on demand as well. Make sure you don't miss it :) https://lnkd.in/dJ67zhBE #webaccessibility #accessibilitymatters #css #a11y #frontenddevelopment

We're always interested to hear about new ways to make commmunications more accessible. An article from Eleven Ways provides an update on punctuation that screen readers sometimes skip over or mispronounce. As a result, it's good to avoid these in web copy where possible: ➡ ! (exclamation mark) ➡ –, — and – (all the dashes) ➡ … (ellipsis) ➡ \ and / (slashes) ➡ ; (semi-colon) ➡ : (colon) The colon’s an interesting one. Bullet lists make it a mainstay of web copy, so just make sure each bullet works as a run-on sentence and you’ll be fine. We're not saying “never use these”, just include them in your review and see if there’s an alternative. See the full article: https://lnkd.in/e_4kUv2c

All #Browsers Have #PDF Readers, but This One Is My Favorite https://lnkd.in/dBdb7thG --- #التقنية #تقنية #Technology #Tech #TechnologyNews #Information

How to visualise the screen reader order for elements within the page

Did you know? 😄 • Pressing the scroll wheel (Middle-click) on a link will open it in a new tab. • While typing on a mobile phone you can slide the spacebar to move the cursor. • Middle-click on a tab in your browser for a quick way to close the tab! No more searching for that little 'x'. • Cannot find the bullets? ALT+ NUM7 will add bullets in most of the text editors.

Demystifying Screen Readers: Accessible Forms & Best Practices CSS Tricks

Demystifying Screen Readers: Accessible Forms & Best Practices CSS Tricks

Explaining Dan Brown’s ‘The Da Vinci Code’ in 10 sentences Full Article Link >>> https://lnkd.in/g-F8Nc-v Jan 20, 2024 Aakanksha Sharma A hbestseller by Dan Brown ‘The Da Vinci Code’ by Dan Brown is one of the best thriller novels you will ever read. The amazing plot and the twists and turns throughout the book make it an engaging read that feels worth your time. Here we summarise the story for […] . . Latest IND . . . . #trendingnews #newstrending #trendingtopicnews #lifestyle #business #news #healthylifestyle #smallbusiness #supportsmallbusiness #lifestyleblogger #luxurylifestyle #businessowner #businesswoman #smallbusinessowner #businessnews

Do you really need a PDF? PDFs have their place—legal requirements, large reports, brochures and whitepapers. And while they can be made accessible PDFs, they are a bit of a pain since any update requires you to re-do all the accessible edits from scratch. But if you have access to the HTML code of the site, then you have a better option. An accessible HTML page can be read by Screenreaders, navigated by keyboard, AND it will scale and be readable on a mobile device. Best of all is if the user truly needs a hard copy, a proper print stylesheet will allow them to print out or export the page as a nicely formatted PDF. #yesterlearnings #PDF #accessibility #a11y #html #webdevelopment #tips