732204 - accessibility - Make text in the sidebar easier to see for people with disability's

Status: RESOLVED FIXED

(support.mozilla.org :: General, defect)

Description

[David Weir (satdav)]

User Agent: Mozilla/5.0 (Windows NT 6.0; rv:10.0.2) Gecko/20100101 Firefox/10.0.2
Build ID: 20120215223356

Steps to reproduce:

    Article
    Discussion
    Edit Article
    Translate Article
    Show History




Actual results:

they are hard to see for people with eyesite problems


Expected results:

make them a easier for people to read

Comment 1

[David Weir (satdav)]

                  <span>Article</span>
              </li>
              <li>
          <a href="/en-US/kb/Safe%20Mode/discuss">Discussion</a>
        </li>
                    <li class="edit">
                      <a href="/en-US/kb/Safe%20Mode/edit">Edit Article</a>
                  </li>
                    <li>
                      <a href="/en-US/kb/Safe%20Mode/locales">Translate Article</a>
                  </li>
                          <li>
          <a href="/en-US/kb/Safe%20Mode/history">Show History</a>
        </li>
          </ul>
  </nav>
      <nav id="quick-links">
        <ul>
            <li class="edit">
    <a class="show" href="#doc-tabs">Show editing tools</a>
    <a class="hide" href="#doc-tabs">Hide editing tools</a>
  </li>
              <li class="aaq">

As per the request of bram

please note i dont know html or that to make the text darker

Comment 2

[David Weir (satdav)]

hi guys can we get this done soon

Comment 3

[David Weir (satdav)]

Would be good if they were mad as dark as the other sidebar menus, also when i am on text we should make the text on the login page a bit darker

Comment 4

[Bram Pitoyo [:bram]]

Attachment: SUMO KB sidebar

The background color of the edit menu is tweaked so that it looks the same compared to other sidebars. Is this the right move? In my opinion, it reduces the difference between the  editmenu and the sidebar

Comment 5

[Kadir Topal [:atopal]]

Yeah, they look too similar now. We can make them fat, but that'd probably put too much focus on them, and in all honesty I'm not convinced they are hard to read for people with disabilities. After all, the text there is already bigger than our main body font.

Comment 6

[David Weir (satdav)]

I have spoke to some people about this and they think it is a good idea 

as its hard to see the editing menu's 

I thought we were ment to make the site a lot more accessible for people with a disability

Comment 7

[Michelle Luna]

I think the issue is not about font size, but how light the text is compared to the background, almost indistinguishable to my very good eyesight. I think Bram's mockup is a step in the right direction at least, to make the text darker so contributors can have a chance to see them.

Comment 8

[James Socol [:jsocol, :james]]

There are WCAG guidelines for this, we should follow them. http://www.w3.org/TR/WCAG/

Comment 9

[David Weir (satdav)]

Can we get a update on this bug if possible 

as its been going for a wee while without a reply

Comment 10

[Bram Pitoyo [:bram]]

(In reply to David W(satdav) from comment #9)
> Can we get a update on this bug if possible 
> 
> as its been going for a wee while without a reply

I have implemented the color scheme used in comment 4. To do something more drastic, let’s wait on the visual redesign to happen. I believe that the redesigned sidebar links will remain blue-colored, but also bigger. This should help readability quite a bit.

Comment 11

[Bram Pitoyo [:bram]]

(In reply to David W(satdav) from comment #9)
> Can we get a update on this bug if possible 
> 
> as its been going for a wee while without a reply

I have implemented the color scheme used in comment 4. To do something more drastic, let’s wait on the visual redesign to happen. I believe that the redesigned sidebar links will remain blue-colored, but also bigger. This should help readability quite a bit.

Comment 12

[Bram Pitoyo [:bram]]

Comment on attachment 616517 [details]
SUMO KB sidebar

Already implemented.

Comment 13

[David Weir (satdav)]

for the attension of ux they still look a bit too light

Comment 14

[David Weir (satdav)]

Brum we need to make them darker now that the theme has got darker the links in the side bars as they are blending in with the theme

Comment 15

[David Weir (satdav)]

issue still the same need to make them just a bit darker

Comment 16

[David Weir (satdav)]

Attachment: the first screenshot of some issues

Comment 17

[David Weir (satdav)]

Attachment: the 2nd screenshot with more issues

this is the second screenshot with more issues

Comment 18

[Kadir Topal [:atopal]]

David, those are standard colors used across mozilla.org We can't just change them on SUMO. 

I'm marking this fixed as the new sidebar has more contrast than the old one.