[Nfb-web] CSS code to move primary sidebar before main content

[Rachel Olivero]

Screen reader order isn't affected by CSS positioning. You will have to move the call to the sidebar after the call to main content. Then you'll need to figure out why the main content styling is affecting the sidebar. My first guess is that there is a div or span that doesn't close out, so the CSS is getting included in the DOM as a child of another styled element. 

One way to test this, if you don't want to dig through the code and count tags is to use the developer tools in your browser. There should be a way to view the DOM as a tree. In Firefox this is on the inspector tab. You can then expand and collapse nodes to understand their relationship to each other. This should at least help you figure out what styles may be changing the text in your sidebar.

Just one starting place. 

Rachel 


Rachel

Sent from my mobile phone. Pith is intentional, typos or perceived abruptness are not.

> On Jan 24, 2017, at 17:56, Brian Mackey <bmackey88 at gmail.com> wrote:
> 
> Greetings to all,
>  
> I am currently using the badeyes theme for nfbnj.org. The way it is currently formatted is that JAWS reads the primary sidebar after the main content. Rachel had given me a suggestion to do this in my full width page template, but it did the job and made the text in the sidebar green. That was a good attempt, but I want to keep the default color for the text in the sidebar. What custom CSS code can I input to have the primary sidebar detected before the main content? Please let me know when you get a moment.
>  
> Thank you.
>  
> Brian A. Mackey
> 
> Brian A. Mackey
> Owner, Mackey Enterprises, LLC
> Treasurer & Webmaster, National Federation of the Blind of New Jersey
> 609-953-6988
> Bmackey88 at gmail.com
> www.mackeyenterprisesllc.com
> 
> “Happy are those who dream dreams and are willing to pay the price to make those dreams come true”
>       -Vince Papale
>