Skip to main content
CSS is fun and cool and I like it.

Articles Tagged screen readers

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
2 Articles
{
,

}
Link

CSS Can Influence Screenreaders

Avatar of Chris Coyier
Shared by
Chris Coyier

Ben Myers covers some clear examples of where CSS totally changes what some screen readers announce. For example, some screenreader will see text-transform: uppercase; on a button label that says “Add” and read it like an abbreviation, “A.D.D.”

These cases of CSS messing with our screenreader announcements are initially shocking, perplexing, and maybe even appalling. After all, they seem to conflict with our mental model of CSS, one that’s likely been instilled in us since we started learning web development:

… Read article “CSS Can Influence Screenreaders”
Our Notes   /   Read at blog.benmyers.dev
Article

How to Section Your HTML

Avatar of Daniel Tonon
Author
Daniel Tonon
39 Comments
Go to Comments

The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.

Here is a brief explanation of each sectioning element and how they are used:

  • <nav> – Equivalent to role="navigation". Major site navigation that consistently appears frequently across the site. Examples include the primary navigation, secondary navigation, and in-page navigation.
  • <aside> –
… Read article “How to Section Your HTML”