# RAMP accessibility issues

**URL:** <https://meta.discourse.org/t/ramp-accessibility-issues/164000>\
**Category:** UX\
**Tags:** accessibility\
**Created:** [September 14, 2020, 5:11pm UTC](https://meta.discourse.org/t/ramp-accessibility-issues/164000 "2020-09-14T17:11:38Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [September 22, 2020, 3:32am UTC](https://meta.discourse.org/t/ramp-accessibility-issues/164000/8 "2020-09-22T03:32:55Z")

</div>

> [@KKavoussanakis](#):
>
> Linked image missing alternative text: these are to do with the avatar pictures. There is a descriptive title, but alt is empty.

The blank alt attribute itself is ok… that’s supposed to signal to a screen reader that the image is decoration only and it can be ignored… BUT we also include the title attribute… so this can be problematic sometimes according to [`img` with null `alt `and non-null `title` attributes - Screen reader compatibility](https://www.powermapper.com/tests/screen-readers/labelling/img-null-alt-title/)

Some screen readers are properly ignoring avatars, but others are reading the name/username twice because of this.

I made a PR to remove the title attribute from post avatars:

[https://github.com/discourse/discourse/pull/10719](https://github.com/discourse/discourse/pull/10719)

> [@KKavoussanakis](#):
>
> There is a missing label in every page:
> 
> `<div><input type="text"></div>`

This is the input where we show the URL to copy and share, PR to add an aria label here:

[https://github.com/discourse/discourse/pull/10717](https://github.com/discourse/discourse/pull/10717)

> [@KKavoussanakis](#):
>
> There is an empty heading in every page:
> 
> `<div class="title"><h3></h3><!-- --></div>`

I couldn’t find this one… might be based on site settings? need to look a little more

> [@KKavoussanakis](#):
>
> There is an empty table header: `<th data-sort-order="posters" class="posters"></th>`

We don’t label this for sighted users because we can glance at the column and make an assumption about its contents… that’s a lot harder to do if you can’t see… adding a label for screen readers makes sense:

[https://github.com/discourse/discourse/commit/23b962d9340b52b509d4adf25f1574fe40d7e062](https://github.com/discourse/discourse/commit/23b962d9340b52b509d4adf25f1574fe40d7e062)

The remaining issues I didn’t cover are button-related, I still need to look into those…

---

_[View the full topic](https://meta.discourse.org/t/ramp-accessibility-issues/164000)._