WEBVTT 00:00.000 --> 00:05.040 Hi, everyone. Today, we're going to look at how to make your classroom content accessible for all 00:05.040 --> 00:10.640 students. This is important because it ensures every learner can engage with your materials, 00:10.640 --> 00:15.600 no matter their individual needs. I'll break this down into two easy steps, 00:15.600 --> 00:21.360 so you can follow along without any confusion. We'll start by demonstrating content accessibility 00:21.360 --> 00:28.000 features that give you control over text, contrast, and page elements. To access the accessibility 00:28.000 --> 00:33.120 menu, let's start by clicking View Course to enter a course page. We're inside the coding 00:33.120 --> 00:37.920 foundations course where all the accessibility features are available. Click this accessibility 00:37.920 --> 00:43.520 widget icon to open up all the customization options for your learning experience. You now have the 00:43.520 --> 00:49.120 accessibility menu open and ready to use. Let's go to the next step, which is to highlight key 00:49.120 --> 00:54.400 page elements on the screen. To highlight key page elements, click on Highlight Title in the 00:54.400 --> 01:00.160 accessibility menu. Notice how all titles now have a blue border making them easier to identify. 01:01.440 --> 01:07.120 Click Highlight Title again to turn this feature off. Let's try highlighting links by clicking 01:07.120 --> 01:13.520 on Highlight Links. This adds blue borders around all clickable links on the page. Click Highlight 01:13.520 --> 01:19.280 Links once more to disable the link highlighting feature. You have highlighted the key page elements 01:19.280 --> 01:25.680 to improve visual focus. Let's go to the next step, which is to adjust text and font styles for 01:25.680 --> 01:31.680 better readability. To adjust text and font styles, let's start by clicking on dyslexia font. 01:32.480 --> 01:37.440 This feature switches the text to a font specifically designed to improve readability for users 01:37.440 --> 01:44.080 with dyslexia. Click it again to toggle it off and return to the default font. Try letter spacing. 01:44.800 --> 01:50.000 This increases the space between characters to make text easier to read. Click it once more to 01:50.000 --> 01:56.080 disable the letter spacing adjustment. Next, select Line Height to increase the vertical space between 01:56.080 --> 02:01.760 lines of text, which can significantly improve readability. Toggle it off by clicking again to see 02:01.760 --> 02:07.520 the difference. Click Font Weight. To make the text appear bolder and more prominent on the page, 02:07.520 --> 02:12.000 and click it again to return to the normal font weight. Scroll down to explore additional 02:12.000 --> 02:17.360 accessibility options available in this menu. You've now adjusted the text and font styles to 02:17.360 --> 02:23.040 meet your accessibility needs. Let's go to the next step, which is to apply a dark contrast theme 02:23.040 --> 02:29.040 for improved visibility. To apply a dark contrast theme, click dark contrast here, and you'll see the 02:29.040 --> 02:35.120 entire page switch to a high contrast dark background that's easier on the eyes. If you want to return 02:35.120 --> 02:40.560 to the normal theme, simply click dark contrast again to disable it. When you're finished customizing 02:40.720 --> 02:45.520 your accessibility settings, click the Accessibility Widget icon to close the menu. 02:46.320 --> 02:51.200 Let's go to the next step, which is to navigate to a course lesson where we'll explore additional 02:51.200 --> 02:57.840 visual aids. To navigate to a course lesson, click on the L1, getting started with Scratch module 02:57.840 --> 03:03.120 here. The lesson page loads, showing you the course content and available activities, 03:03.120 --> 03:08.960 click on Exploring Scratch, Interactive Book Lesson, to access the specific learning material. 03:09.520 --> 03:14.480 The Interactive Book Lesson opens, giving you access to the full learning content where we can 03:14.480 --> 03:19.680 explore more accessibility features. You've successfully navigated to the course lesson page. 03:20.800 --> 03:25.280 Let's go to the next step, which is to explore the color and contrast options available for 03:25.280 --> 03:31.360 better visibility. To explore color and contrast options, click the Accessibility Widget. 03:31.360 --> 03:38.000 The Accessibility menu opens up, giving you several contrast options. Let's try light contrast first. 03:38.560 --> 03:44.080 Click it again to turn off the light contrast and return to the default view. Try dark contrast, 03:44.080 --> 03:50.240 which switches the entire page to a dark theme that's easier on the eyes. Click dark contrast again 03:50.240 --> 03:56.800 to disable this setting. Next, click High Contrast to invert the page colors for maximum visibility. 03:57.360 --> 04:02.560 Turn off High Contrast by clicking it once more. Let's explore High Saturation, 04:02.560 --> 04:07.600 which makes colors more vivid and intense. Disable High Saturation to see the difference. 04:07.680 --> 04:13.520 Try Low Saturation for a more muted color palette. Turn off Low Saturation to Return to Normal 04:13.520 --> 04:19.600 Colors. Click High Saturation once more to see the enhanced colors again. Disable it by clicking 04:19.600 --> 04:25.040 the option again. Finally, try Monochrome, which removes all colors and displays everything 04:25.040 --> 04:30.880 in black and white. Click Monochrome again to return to the full color display. You've now adjusted 04:30.880 --> 04:36.640 the color and contrast settings to suit your visual needs. Let's go to the next step, which is to 04:36.640 --> 04:42.080 activate the Reading Guide tool. To activate the Reading Guide tool, click Reading Guide here. 04:42.640 --> 04:47.360 You'll see a horizontal highlight bar appear that follows your cursor to help you track text 04:47.360 --> 04:52.400 as you read. Click Reading Guide again to turn off the feature when you don't need it. Let's 04:52.400 --> 04:58.320 enable it once more to see how it works with our dark theme. Click Reading Guide and notice how 04:58.320 --> 05:03.680 the highlight bar adapts to the dark background. Click here again to disable the Reading Guide. 05:03.760 --> 05:07.440 You've now learned how to use the Reading Guide tool to follow text more easily. 05:08.560 --> 05:12.720 Let's go to the next step, which is to activate navigation and animation aids. 05:12.720 --> 05:18.960 To activate navigation and animation aids, click Stop Animations to pause any moving elements 05:18.960 --> 05:24.880 on the page. Click it again to toggle the feature off and return animations to their normal state. 05:24.880 --> 05:30.400 Next, select Big Cursor to enlarge the mouse pointer, making it easier to track on screen. 05:30.400 --> 05:35.360 Click the same option again to return the cursor to its standard size. Finally, close the 05:35.360 --> 05:40.560 accessibility menu by clicking the widget icon, and that covers navigation and animation aids. 05:41.360 --> 05:46.960 Your classroom is now set up to be accessible for all your students. Good luck with your course.