---
title: "Discussion on \"Introduction to Web Accessibility\" | Hashnode"
description: "Discussion on \"Introduction to Web Accessibility\". As developers, it’s easy to assume that all users can see and use a keyboard, mouse or screen, you feel everyone can interact with your web page the same way you do. This can lead to a user experience that works well for some people but creates issue..."
url: "https://hashnode.com/posts/introduction-to-web-accessibility/5d023a8a37956c4915df4675"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Introduction to Web Accessibility](https://blog.bolajiayodeji.com/introduction-to-web-accessibility?utm_source=hashnode&utm_medium=feed)

As developers, it’s easy to assume that all users can see and use a keyboard, mouse or screen, you feel everyone can interact with your web page the same way you do. This can lead to a user experience that works well for some people but creates issue...

Apr 4, 2019 · 8 min read · blog.bolajiayodeji.com  
Updated Aug 22, 2023  
Read the article

-   [#design](https://hashnode.com/tag/design)
-   [#web](https://hashnode.com/tag/web)
-   [#accessibility](https://hashnode.com/tag/accessibility)
-   [#a11y](https://hashnode.com/tag/a11y)

## Written by

[Bolaji Ayodeji](https://hashnode.com/@bolajiayodeji)

@bolajiayodeji · Nigeria

  
[View profile](https://hashnode.com/@bolajiayodeji)

Software Engineer, Teacher, and Developer Advocate.

undefined or mostly null.

## Responses 3

Markdown supported · ⌘↵ to post

[Caleb H.](https://hashnode.com/@naclcaleb)

[Jun 15, 2019](https://hashnode.com/posts/introduction-to-web-accessibility/5d023a8a37956c4915df4675/comment/5d04ee4e7839c0cf20d092c9)

Anybody else excited about Apple's new Voice Control feature announced at WWDC 2019?

From what I can see, it looks like an extremely well-done accessibility feature!

[Ben Buchanan (200ok)](https://hashnode.com/@200ok)

[Jun 15, 2019](https://hashnode.com/posts/introduction-to-web-accessibility/5d023a8a37956c4915df4675/comment/5d04b532729bcc6307980c67)

Nice intro! :)

Worth noting that the right content for ALT attributes varies a lot based on context. One useful guide I've heard is to use ALT to provide whatever information a sighted user might get from the image, in full context.

So your examples might be:

```
<img src="./lady.png" alt="Ms Aniekan Inyang">
<img src="./dog.png" alt="a cute dog sitting on a couch next to a cushion with the Google logo">
```

...depending on whether the lady's identity is the key point; or if the article was about dogs in Google offices.

Purely decorative images should get an empty ALT, eg. a lot of websites have banner images that add no real content at all and can be ignored by everyone including disabled users:

```
<img src="./generic-stock-photo.jpg" alt="">
```

WebAIM have a great guide on this: [webaim.org/techniques/alttext](https://webaim.org/techniques/alttext/)

[Bolaji Ayodeji](https://hashnode.com/@bolajiayodeji)

[Jun 15, 2019](https://hashnode.com/posts/introduction-to-web-accessibility/5d023a8a37956c4915df4675/comment/5d04b532729bcc6307980c67#reply-5d05057d7839c0cf20d09361)

Yes, using ALT in images is actually a separate topic :) Thanks for the pointers and link

@lauragift21 wrote a beautiful article on this here: [giftegwuenu.com/guide-to-using-alternative-text-o…](https://www.giftegwuenu.com/guide-to-using-alternative-text-on-images/)

[Mark](https://hashnode.com/@mverleg)

[Jun 14, 2019](https://hashnode.com/posts/introduction-to-web-accessibility/5d023a8a37956c4915df4675/comment/5d03975d615d767537c1d9a9)

There used to be frequent posts by [Jason Knight](https://hashnode.com/@cutcodedown) about this but it's been a while, glad someone is taking over the job :-)

[Bolaji Ayodeji](https://hashnode.com/@bolajiayodeji)

[Jun 14, 2019](https://hashnode.com/posts/introduction-to-web-accessibility/5d023a8a37956c4915df4675/comment/5d03975d615d767537c1d9a9#reply-5d039990ec744e7037334223)

Glad you loved it :).