How to make a braille interface for our website

Question

I want to know how can I make a website design/interface for blind people.

in my CSS I should use:

@media braille {
    a {
        ????
    }
    ul,ol,li {
        ????
    }
    img {
        ????
    }
    ...
}

But How should I style my CSS so that my links, lists, images or any other tag ( or at least some of tags ) be comprehensible for blind people ?

Can anybody help me. thanks.

Answer 1

First of all: you need to understand how blind people access computers.

@media braille is only a method to to target braille devices not a panacea to create an accessible interface for blind or visually impaired users. Instead, it allows you to reorganize layout (e.g. hide/show specific stuff) to make your interface more convenient. Also keep in mind that you should take into account screen readers.

Web accessibility is a huge topic to cover within a SO answer, but here are links that might give you some direction:

Design Websites For Blind/Visually Impaired (take a look at the links below this article as well)

Web Content Accessibility Guidelines