Website accessibility at Scouts

Most keyboard will have the function change the brightness on your screen. The shortcut keys allow you to increase and decrease your brightness. On most keyboards, these keys are part of the row of F-keys–that’s F1 through F12 that appear above the number row on your keyboard.

• To increase the text size, hold down CTRL and press + to the required size.
  
  
• To decrease the text size, hold down CTRL and press - to the required size.
  
  
• Mac users hold down the CTRL/Apple key and press + or - to adjust your text size.
  
  
• If you're using an older browser go to File, Text Size, and select the size you need.

If you use Windows XP you can magnify the size of the screen. Press the Start menu on the Taskbar, then click on All Programs, then Accessories, then Accessibility. Once opened click on Magnifier and the top of the screen will appear much bigger.

• The arrow keys on the keyboard will scroll up, down, left and right.
  
  
• The space bar if pressed can make the web page jump from top to bottom.
  
  
• The tab button can help navigate to different links on the page and when you arrive at the required link you just press the enter button.

• Windows: Narrator
  
  
• macOS: Voiceover
  
  
• Android: Talkback
  
  
• iOS: Voiceover

For non-text content (e.g. photos) ensure you have *ALT tags for images, captions for videos, transcripts for audios. This is particularly important for those who are using screen readers.

*ALT tags (alternative text), are used to describe the appearance and function of an image.

Choose your colours carefully. Use sufficient colour contrast between text and background. Having enough contrast between the words and the background makes reading easier especially when using a mobile device.

• Ensure images add value to your page and are good quality (remember to add ALT tags to your images).
  
  
• Don't auto-play videos Generally people don't like the videos to automatically play. It slows down the web page for the reader and forces a mobile user to use up their data (when they may not want to watch the video).

• Use clear and simple language. Don't overcomplicate what you are trying to say.
  
  
• Avoid using the words “click here” in links, this is not helpful to people using screen readers. Write text that describes where the link will go. 

• Use headers to structure your content correctly.
  
  
• Consider how your webpage looks for mobile users.
  
  
• Try to avoid using tables, expect for when presenting data.
  
  
• Accessibility is usability. Be mindful that your audience's digital capabilities will vary.