davidbisset.social

a11y

  • Untitled post 59647

    Client: "Well, sometimes we have to break accessibility on our site when it gets in the way of other users." Me: 🤔 #webdev #memes #a11y

  • Untitled post 59528

    Client: "#Accessibility? But our online automatic AI tools already made our site accessible." 🤔 #webdev #memes #a11y

  • (A "better" way to) listen to a web page in Mobile #Safari. #a11y https://til.simonwillison.net/ios/listen-to-page

  • Web #developers: If you haven't read anything about accessibility then this post of simple (quick and dirty) might be a good start. #a11y https://www.tpgi.com/quick-and-dirty-accessibility

  • Thoughts on embedding alternative text metadata into images #a11y #webdev via @eric https://ericwbailey.website/published/thoughts-on-embedding-alternative-text-metadata-into-images/

  • "The Anatomy of #Accessible Forms: The Problem with Placeholders" #webdev #a11y https://www.deque.com/blog/accessible-forms-the-problem-with-placeholders

  • Guidelines for Alt Text for photos being uploaded to the #WordPress photo library. https://make.wordpress.org/photos/2024/02/02/alt-text-for-wordpress-photos/ Still reading, but possibly useful for alt text in other scenarios. #a11y #alttext

  • A "hover color contrast bookmarklet". #a11y #WordPress It "attaches a mouseover event to each focusable object on the page, then triggers a simulated event. During the simulated hover event, the #bookmarklet checks the calculated foreground and background colors for the element and marks failing elements." https://www.joedolson.com/2024/01/hover-color-contrast-bookmarklet/

  • The Top #Accessibility Errors Found in 2023 https://www.tpgi.com/the-top-accessibility-errors-found-in-2023/ #a11y

  • Untitled post 58447

    Colour Contrast Checker: Check the contrast between different colour combinations against #WCAG standards https://colourcontrast.cc #a11y #frontend

  • Observe a screen reader user’s view of the block editor @alexleestine303 has published an extensive walk through of how the block editor works for screen readers. youtube.com/watch?v=6H15BU… #WordPress #a11y

  • a11y-dialog ( KittyGiraudel/a11y-dialog )

    A very lightweight and flexible accessible modal dialog script. Created by KittyGiraudel on Feb 11, 2016.

  • accessible-forms ( russmaxdesign/accessible-forms )

    A series of HTML test cases to determine how specific elements are announced in different screen reader / browser combinations. Created by russmaxdesign on Mar 01, 2021.

  • lumberjack ( JakePartusch/lumberjack )

    An automated website accessibility scanner and cli Created by JakePartusch on Feb 05, 2020.

  • pa11y ( pa11y/pa11y )

    Pa11y is your automated accessibility testing pal Created by pa11y on Mar 05, 2013.

  • fusuma ( hiroppy/fusuma )

    ✍️Fusuma makes slides with Markdown easily. Created by hiroppy on Apr 26, 2018.

  • Accessible hamburger buttons without #JavaScript: pausly.app/blog/accessibl… #a11y

  • The Braille Institute has developed a free font (called “Atkinson Hyperlegible”) that is designed to be clearer for readers with lower vision. #a11y brailleinstitute.org/freefont pic.twitter.com/FTah2ZRKUS

  • RT @xirclebox: How to add / edit subtitles and captions to your YouTube videos to reach a wider audience. support.google.com/youtube/answer… #a11y #…

  • W3C publishes WCAG testers consistency list: w3.org/WAI/standards-… Background: deque.com/blog/w3c-publi… #a11y

  • RT @SaraSoueidan: Was about to use <input type=“number”> for the first time in years but remembered it had some usability & #a11y issues th…

  • “Does Accessibility Stifle the Creative Process?” (via @ConvergeAccess1) #a11y convergeaccessibility.com/2022/08/23/doe…

  • RT @_MasterWP: New from @allie_nimmons on the Press The Issue podcast: How Accessible is #WordPress? #a11y masterwp.com/presstheissue/…

  • Friend: Bad example of accessiblity on a website form? Me: 🤔 (via bit.ly/3NZQkBt) #a11y

  • Accessiblity time. On stage two now at @WCEurope: @visanju explains what color contrast is and the current/future #a11y standards. #WCEU #WCEU2022

  • “Not everyone are able to use tools or even know they have dyselexia… this is why we need to build accessible sites.” @MajaBenke #a11y #WCEU

  • Small #Javascript package that helps identify if two colors are distinguishable to individuals w/ different kinds of color blindness. #a11y github.com/ablamunits/saf…

  • “Common accessibility issues that you can fix today” (via @hdv) #a11y Part 1: hidde.blog/common-a11y-is… Part 2: hidde.blog/more-common-a1…

  • A section of the @webaim 2022 Web accessibility report on CMS. Rated best (green) to worst. “Note correspondence of additional errors with a technology cannot automatically be attributed to that technology.” But… webaim.org/projects/milli… #a11y

  • Really interesting numbers in this #a11y report. 👉🏻 96.8% of home pages had detected WCAG 2 failures 👉🏻 39% of the 4.4 million form inputs not properly labeled 👉🏻 9,152 home pages had <marquee> and 373 home pages had blinking content. In 2022. twitter.com/SaraSoueidan/s…