Hiding content when CSS is not supported

Jump to latest Follow Reply
Magic Man

Magic Man

Ars Praefectus
3,695
  • #1
    We have a dynamic site (using Coldfusion) that has a nav menu, a "more" menu and a separately styled mobile menu and uses CSS to show/hide as appropriate.
    We've been picked up on an accessibility issue for users where CSS is not supported or using a pure text browser - they get the menu structure three times...

    I've tried to think of a way that doesn't use CSS to show/hide things as required or even JS but without CSS/JS, is there any logical way around this?
     
    S

    ShuggyCoUk

    Ars Tribunus Angusticlavius
    9,975
    Subscriptor++
  • #2
    I think (but am not an expert) that your fundamental design (have many things and have the client hide the parts that are irrelevant) is fundamentally not an "accessible" nice thing to do.

    The trick is to send only the part that's needed (and use progressive enhancement to add in the later parts that are usable for those sites clients that support js).

    The idea is "make your site render sufficiently without any js and css, then add it in to enhance what's there.

    This might be a pain for you underlying design though
     
    • Like
    Reactions: Magic Man
    Magic Man

    Magic Man

    Ars Praefectus
    3,695
  • #3
    Yep, it uses a CMS and so we are limited in what we can do.

    As far as testing, I'm using a stand-alone text browser called Kristall, which is based from Gemini since I found a number of browser extensions (Web Developer, disable-HTML) give different results with their "CSS disabled" modes. Any other suggestions for extensions or text browsers (Windows) welcome.
     
    You must log in or register to reply here.
    Jump to latest Follow Reply
    Jump to latest Follow Reply