Comments (2)
I wonder what a screen reader would read that as, as an aside. Would it pronounce it as a “dash”, “hyphen” or “minus”?
Interestingly enough I think accessibility for screenreaders has moved away from representing every single item accurately, and is much more accepting of “is this alt text value worth reading aloud?”
—
Sent from Mailbox
On Thu, Nov 12, 2015 at 8:51 PM, Michael van den Oudenalder
[email protected] wrote:
Hi,
Awesome guideline on frontend development!
I have a suggestion for the alt text attribute section, specifically for the 'bullet' example. Why would I not just add '-' as the alt text for bullet.gif, since that would be a fairly accurate semantic (and textual) representation of the bullet image? Otherwise it might be a good idea to just use the CSS propertylist-style-item
.
Source: W3CBest, Michael
Reply to this email directly or view it on GitHub:
#40
from front-end-development-guidelines.
Hmm, interesting point about how a screen reader would pronounce it, if at all. I'd have to try one out to know it!
Regardless of screen readers reading the alt values or not (or judging whether it is worth reading), would it not be better to just use list-style-item
? It takes away the consideration to write an alt text or not (you can't) and it might even boost screen reader performance. You could even consider it more semantic to use list-style-item
rather than <img alt="">
for bullet points. On the other hand, if you want the images to be visible even when CSS is turned off, then <img>
is the way to go.
What do you think?
Best, Michael
from front-end-development-guidelines.
Related Issues (20)
- Add Section: Commenting CSS Blocks HOT 1
- Change "ambiguous" to "redundant" HOT 1
- Section: Loop Performance - Cache Array Length; global variable. HOT 4
- Site Needs to be Accessible without JavaScript Enabled
- Some tips HOT 3
- Caching Selector Results section code example HOT 2
- W3C markup validation HOT 6
- Some people are very fond of their C style strings (single quotes)... HOT 1
- Queue - a profoundly British word HOT 1
- css shorthand, camelCasing and POSH HOT 3
- parseInt is not octal/binary by default HOT 2
- Isn't it spelled "Degradation"? With an "a"? HOT 1
- CamelCase in JS variables HOT 1
- width:auto does work HOT 2
- Add Section - Creating Unique IDs without Timestamps
- Add Section - When to Float, When to Position
- Add Section - Understanding the Box Model
- Strings: single vs double quotes HOT 1
- Pagespeed & Loadtimes
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from front-end-development-guidelines.