Switching languages -- need to make accessible

hi,

I have a site where you can switch betw two languages, I’m testing for accessibility in FF by turning off CSS… I’m hiding elements in the non-default language (language that’s not the ‘current’ language… lang is set when pg loads (done w/local storage) or when user clicks on lang cta…

right now when load in FF w/o CSS, elements in both lang’s load… I’m hiding the non-current lang in jQ by using .hide(), but this does not work when CSS is turned off… but other aspects of JS do work when CSS is turned off, yes?

how can I hide elements in non-current language in JS so they don’t show when I turn off CSS in the browser? (again, just for accessibility…)

local storage works w/o CSS… I guess jQ stuff where you apply CSS (even just using .hide()) doesn’t work?? yikes…

once pg is loaded and user clicks on lang cta then only one lang shows, but when pg loads initially both languages can be seen (again, this is only when I turn off CSS to test for accessibility… otherwise only lang specified in local storage loads…)

thank you…

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.