Contents tagged “accessibility”

There are 34 contents with this tag:

  1. screenshot of Add punctuation to your alt text

    Eric Bailey avatar Eric Bailey

    Add punctuation to your alt text

    To add a description to an image, author a string inside of an alt attribute declared on an img element. Assistive technology will recognize the presence of the alt attribute and read the string as it moves through the page or view.

  2. screenshot of Letters of exclusion

    Jeremy Keith avatar Jeremy Keith

    Letters of exclusion

    I feel sorry for anyone trying to get into the field of web performance. Not only are there complex browser behaviours to understand, there’s also a veritable alphabet soup of initialisms to memorise. Here’s a really good post on web performance by Harry, but notice how the initialisms multiply like tribbles as the post progresses until we’re talking about using CWV metrics like LCP, FID, and CLS—alongside TTFB and SI—to look at PLPs, PDPs, and SRPs. And fair play to Harry; he expands each initialism the first time he introduces it.

  3. screenshot of The unreasonable effectiveness of simple HTML

    Terence Eden avatar Terence Eden

    The unreasonable effectiveness of simple HTML

    Are you developing public services? Or a system that people might access when they’re in desperate need of help? Plain HTML works. A small bit of simple CSS will make look decent. JavaScript is probably unnecessary – but can be used to progressively enhance stuff. Add alt text to images so people paying per MB can understand what the images are for (and, you know, accessibility).

  4. I just added buttons to quickly access previous and next content on large viewports.

    Screenshot showing quick access buttons

    Now I wonder how to make them accessible, and how to show them on narrow viewports.

  5. screenshot of Accessible SVG Icons with Inline Sprites

    Marco Hengstenberg avatar Marco Hengstenberg

    Accessible SVG Icons with Inline Sprites

    Standing on their own, icons can be misinterpreted […]. The most important issue though: they lack text. Text is the most accessible format for information on the web. Screen readers understand text best and the same applies to most assistive technology, such as translation apps and Braille displays. So, if we have anything on our web page that’s not text — like icons — we must add text that gives our users the same information. Otherwise we could exclude people from understanding our interfaces.

  6. screenshot of Text descriptions and emotion rich images

    Léonie Watson avatar Léonie Watson

    Text descriptions and emotion rich images

    A good alt text can conjure up wonderfully stimulating mental images. A friendly smile is the same in print, photo or wax crayon. Whether you listen to an image or see it, the emotional response is the key factor, so why should we recommend that these emotion rich images should be given a null alt text and hidden from screen reader users?

  7. screenshot of What we learned from user testing of accessible client-side routing techniques with Fable Tech Labs

    Marcy Sutton avatar Marcy Sutton

    What we learned from user testing of accessible client-side routing techniques with Fable Tech Labs

    There are multiple variations recommended in the industry for accessible, client-rendered page changes, yet very little user research on those methods. Therefore, we wanted to find out which techniques are the most ergonomic and intuitive to users with disabilities, and if any of the techniques presented barriers detracting from their browsing experience.

  8. screenshot of Link Targets and 3.2.5

    Adrian Roselli avatar Adrian Roselli

    Link Targets and 3.2.5

    Regardless of what accessibility conformance level you target, do not arbitrarily open links in a new window or tab. If you are required to do so anyway, inform users in text.

  9. screenshot of Font sizing with rem could be avoided

    Harry Roberts avatar Harry Roberts

    Font sizing with rem could be avoided

    I don't really agree with the simple statement made in the title of this article, as sizing fonts with rem is sometimes useful to escape the default cascading sizing, but the most important part here IMHO is the following:

  10. screenshot of Language Icon

    Language Icon

    the language icon is an initiative started in 2008 to standardise the language selection icon, the idea and initial icon was designed by Onur Mustak Cobanli and this new icon has been designed in 2011 by Designer Farhat Datta

  11. Users DO change font size

    Evan Minto wrote a great article showing the Internet Archive has tested the actual root font-size set by their visitors, and the result shows a lot of people still change the default one: Pixels vs. Ems: Users DO Change Font Size.

  12. A Blind Legend

    J’ai soutenu le projet « A Blind Legend » sur Ulule dès que je l’ai découvert ! C’est un projet de jeu d’aventure pour mobile qui a la particularité de n’utiliser que des sons, aucune interface visuelle.

  13. Une ode à l'em

    Après avoir eu des retours plutôt nombreux et positifs suite à ma conférence à Paris Web 2013, j'ai retroussé mes manches pour proposer une version plus rédactionnelle, en essayant de retranscrire tout ce que j'ai dit mais pas mis dans mes slides, et même plus. Et j'ai la chance d'avoir vu ce très long article publié sur 24 Jours de Web, « le calendrier de l'avent des gens qui font le web d'après ».

  14. Ma conférence à Paris Web 2013

    Après y avoir assisté plusieurs années en tant qu'auditeur, j'ai eu la joie — le privilège — d'être sélectionné parmi les orateurs de l'édition 2013. Sélectionné qui plus est avec un sujet plutôt pointu, sur une bonne pratique que tout le monde devrait appliquer depuis plus de 10 ans, mais qui est très largement sous estimée.

  15. L'accessibilité, c'est aussi pour les handicapés

    Quand on parle d'accessibilité, on a tendance à parler essentiellement des handicapés. Heureusement, Eric Daspect nous avait remis sur la bonne voie avec son article « oublions les handicapés » sur CYBERcodeur.net. Mais après tout, c'est quand même aussi pour eux qu'on parle d'accessibilité, ils ont des besoins particuliers, donc ne les oublions pas trop…

See all tags.