Les bases du HTML - Apprendre le développement Web HyperText Markup Language (HTML) est le code utilisé pour structurer une page web et son contenu. Par exemple, le contenu de votre page pourra être structuré en un ensemble de paragraphes, une liste à puces ou avec des images et des tableaux de données. Comme le suggère le titre, cet article vous fournit les bases de compréhension du HTML et de ses fonctions. Qu'est-ce que HTML, réellement ? HTML n'est pas un langage de programmation. Mon chat est très grincheux Si vous souhaitez que cette ligne reste ainsi, nous indiquerons qu'il s'agit d'un paragraphe en l'entourant des balises paragraphe : <p>Mon chat est très grincheux</p> Anatomie d'un élément HTML Regardons de plus près cet élément paragraphe : Les composants principaux de notre élément sont : La balise ouvrante : celle-ci se compose du nom de l'élément (ici « p »), entre deux chevrons. Les éléments peuvent aussi avoir des « attributs », ce qui ressemble à : Un attribut doit toujours avoir : Imbriquer des éléments Les éléments vides <! <!
FLO Course: Universal Design for Learning – BCcampus When: February 21, 2022 – March 4, 2022 all-day The Universal Design for Learning (UDL) Facilitating Online Learning (FLO) course is a short, practical introduction to the UDL framework and how you can apply it to create inclusive learning environments. This FLO course is suitable for online, face-to-face, and blended learning environments. Using UDL fosters inclusion and puts learner engagement at the centre of your activities in your course design. Two synchronous opportunities are planned: Tuesday, February 22, 2022, 11:30 a.m.–12:30 p.m. The synchronous sessions are not mandatory but provide an opportunity for connection and learning. Facilitators: Carolee Clyne (she/her) has been in the higher-education environment for over 25 years. Taruna Goel (she/her) is a Learning and Development professional with over 23 years of experience in adult education, workplace training, and performance improvement. This event has a non-refundable $25 registration fee.
Tips to Create an Accessible and Contrasted Color Palette by Stéphanie Walter - UX Researcher & Designer. Color contrast is something really important in Design. It will help users read your text and get a clear understanding of your content. Color contrast and color accessibility scares a lot of designers too. Some are afraid that color accessibility will limit the color palette they will be allowed to use and so their creativity. — Updated on March 3 2019 — In this article, I will present you two tools and some quick tips to easily create an accessible color palette for your designs. Tools and resources to measure contrast. To know if a color combination is accessible, we measure the contrast between the foreground color (usually the text but it could be icons) and the background color. I will take a special interest in the first one: AA. For the tests I’m using the “Color Contrast Analyser”. Using the CCA color picker to get the color directly from my Photoshop picker Testing the palette I chose a palette based on a vibrant orange and used a complementary green one. Testing the green
Web of Strings | Inclusive Design Guides This exercise is intended to be fun and highly collaborative. To complete the required task, participants must work together and be mindful of each other's needs. How This activity can be done in an open space or on a table top depending on how large your group is and how they prefer to work. You will need several strings, two empty containers heavy enough to resist small knocks or bumps (heavy mugs, bowls, boxes, etc.), and one object that can fit inside each of your containers and that will not roll too easily (hacky sack, toy, notebook, pen, etc.). Tip: try to include participants with a broad range of needs and preferences. Tip: to calculate how many strings you need, divide the number of participants in your group by two. Tip: you need to match the size and weight of the object you are moving with the density of the web. Preparation Place the empty containers at least 1 ft from each other. Tip: the strings do not necessarily need to be held by hand. Challenge Why
Contrast Checker You are here: Home > Resources > Contrast Checker <p><strong>This tool requires Javascript.</strong></p> Normal Text WCAG AA: Pass WCAG AAA: Pass The five boxing wizards jump quickly. Large Text Graphical Objects and User Interface Components WebAIM Accessibility Testing Services Web accessibility testing can be difficult! Learn more about WebAIM Evaluation Services Explanation Enter a foreground and background color in RGB hexadecimal format or choose a color using the Color Picker. WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger. Hint: Use the eye dropper tool in the Color Picker to extract the color value from any element on screen. Use our link contrast checker to evaluate links that are identified using color alone.
Secoueur de cocotiers : SortieListeCulpabilite Ci dessous la carte en Xmind et la carte au format freeplane De_lart_de_sortir__des_listes_de_culpabilitsmm.zip (3.7kB) De lart de sortir des listes de culpabilitésart de sortir des listes de culpabilités par Laurent Marseault Se connecter Mot de passe perdu ? S'inscrire WAVE Web Accessibility Evaluation Tool Color accessibility: tools and resources to help you design inclusive products by Stéphanie Walter - UX Researcher & Designer. I wrote a quick tweet about teaching the basics of accessibility and colors to design students a few months ago that go quite some attention. It brought up some interesting discussions on color accessibility, inclusive design an interesting discussion about the use of emojis. A few people asked me for advice on how to chose accessible color palettes for their projects. So I thought I would share the resources, tips and tools I regularly use to build and check the color accessibility of my products in one single place for future reference. I will keep on updating this article with new resources regularly. Last update: July 2024 ** Cet article existe aussi en Français ** Contrasts and accessibility: a few basics on color When building products with diversity in mind (digital ones but this could also apply to other products), color choice is important. I will not enter in all the details since I’m no accessibility expert. Text against background minimum contrast ratio Color Oracle Stark Wow.
Edit drawings with a screen reader - Docs Editors Help Note: If there are no buttons and menus at the top, press Ctrl + Shift + f (Windows, Chrome OS, or Mac). To browse the menus: Open the File menu using the shortcut key for your browser: Windows with Chrome browser: Alt + f Windows with other browsers: Alt + Shift + f Chrome OS: Alt + f Mac: First press the pass-through keys Ctrl + Option + Tab, then Ctrl + Option + f Press the right arrow to explore other menus, including Edit, View, Insert, Format, Arrange, Tools, Table, Help, and Accessibility. Tip: To get help, open the Help menu and select Get help with. Press Tab to reach the search box, then type your search, such as Images, and press Enter. The help opens in a box where you can read or navigate to other topics. From the menus, you can move to two other sets of controls: Top-level buttons: These buttons are for drawing-level actions, such as renaming, starring, sharing, or moving the drawing to a different folder.
How to Choose Good Website Color Schemes (Oct 2019) By now, you should be thinking “Wow, color is like magic! Why aren’t more people using it to their advantage?” Well, because most people don’t know how. So, in the next section, we will show you 3 easy steps you can follow to start using color to your advantage on your website. 3 steps to using color on your website – the right way There are 3 main colors you need to consider when you are designing your website: Choosing a dominant color as your brand colorChoosing 1 to 2 accent colors to create a color scheme for your websiteChoosing a background color to complete your design That’s pretty much it! #1 Choose your Dominant Color The dominant color is your brand color – like the fire engine red for Coca-Cola. This color will help bring out certain emotions or feelings when people arrive on your website – just like passion, excitement, boldness and love for Coke. This is the color that you want your audience to remember when they think of you. Source: Kissmetrics Let’s take it one step further.
Quelle est l'empreinte carbonne de tes activités numériques ? L'outil gratuit Carbonalyser te le dit Visionner une vidéo en streaming, faire un appel vocal depuis ton application de messagerie ou consulter une page web… Tes activités numériques ont tous un impacte environnemental. Avec Carbonalyser, tu vas traduire en équivalent CO2 tes activités sur la Toile. Le numérique est une activité polluante, même très polluante si on prend on considération la fabrication des appareils. Le numérique émettrait 4 % des gaz à effet de serre mondiale, soit davantage que le transport aérien civil. Le seul streaming vidéo annuel représente l’équivalent des émissions de CO2 d’un pays comme l’Espagne. L’outil en ligne Carbonalyser, développé par The Shift Projects permet de mesurer l’impact environnemental de tes activités numériques. L’objectif de cet outil est de nous faire prendre conscience que ce qui est « virtuel » ne veut pas dire que cela ne consomme pas d’énergie et ne rejette pas d’émissions de CO2.