Merge branch 'jen-week4' into 'UACCESS-24fa'

Jen week4

See merge request undergrad-accessibility-website!163

_config.yml

@@ -68,8 +68,9 @@ sass:
   sass_dir: "./_scss"
   style: compressed
 
-kramdown:
-  toc_levels: '1'
+toc:
+  min_level: 1
+  max_level: 2
 
 mermaid: 'https://cdn.jsdelivr.net/npm/mermaid@10.5.0/dist/mermaid.min.js'
 

_config_production.yml

@@ -68,8 +68,9 @@ sass:
   sass_dir: "./_scss"
   style: compressed
 
-kramdown:
-  toc_levels: '1'
+toc:
+  min_level: 1
+  max_level: 2
 
 mermaid: 'https://cdn.jsdelivr.net/npm/mermaid@10.5.0/dist/mermaid.min.js'
 

assets/css/style.scss

@@ -110,15 +110,19 @@ a:hover, a:active, a:focus {
 
 ul#markdown-toc {
     min-width: 696px;
-    list-style: none;
-    padding-top: 20px;
+    font-size: .75em;
+    columns: 2;
+    -webkit-columns: 2;
+    -moz-columns: 2;
+    //list-style: none;
+    //padding-top: 20px;
 }
 
 ul#markdown-toc li{
-    display: inline;
+    //display: inline;
     padding: 5px;
     background-color: $background;
-    style: bold;
+    //style: bold;
 }
 
 ul li.tbd {

assignments/technology-implementation.md

@@ -4,7 +4,7 @@ published: true
 
 title: Accessibility Implementation 
 description: Apply accessibility principals to a thing
-revised: October 16, 2024
+revised: October 22, 2024
 
 ---
 
@@ -26,19 +26,19 @@ It may contribute to other competencies depending on how you approach it.
 
 # Turnin
 
-[Submit]({{site.submit}}) your writeup following the [template](technology-implementation-template.html).
+[Submit]({{site.submit}}) your writeup following the [template](technology-implementation-template.html)
 
 # Details
 To complete this assignment, please do the following:
 
 ## 1. Select a specific interface or web app that you will make more accessible
-You should identify a technology you have implemented *for general use* (i.e. not an accessibility technology). Ideally this should be an interactive technology (some kind of user interface, app, etc). 
+You should identify a technology you have implemented *for general use* (i.e. not an accessibility technology). Ideally this should be an interactive technology (some kind of user interface, app, etc).  If you have no such thing, you can ask to approve using a website or other static content that you have generated as an alternative. 
 
 {% details Possible examples (this list is still under construction) %}
-- A class assignment that has an interface (web, mobile or other)
-- A web app
-- A mobile app (class projects are ok)
-- Your personal website
+- A class assignment that has an interface (web, mobile or other). If you've built a mobile app for 340, built a website for 154, or taken 331 (such as the campus map website) these are all things you could use.
+- A web or mobile app you built yourself
+- A profile of yourself on linked in, tiktok, or any other site where you've posted content.
+- Your personal website (even if it's hosted somewhere else like wordpress)
 - An interface wrapped around some machine learning program
 - An educational game for young children 
 - Tools for learning programming 
@@ -49,8 +49,6 @@ You should identify a technology you have implemented *for general use* (i.e. no
 
 Also be clear about what task you want to accomplish. 
 
-**If you don't have any interactive application that you can do this with,** you can use a static website or content that you have the source code for, but in this case you need to get our approval ahead of time. 
-
 ## 2. Select an accessibility technology and test your app with it
 
 Record the following information in your [reflection](technology-implementation-template.html)

schedule-ugrad.md

@@ -44,7 +44,8 @@ description: Class schedule and links to lectures, readings and assignments
 - <i class="fa-solid fa-house-laptop" aria-hidden="true"/> Preparation for next week: 
   - Read [The Importance of Manual Accessibility Testing](https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/) 
   - Read [Creating accessible images and diagrams](https://dis.acm.org/2023/creating-accessible-figures-and-tables/) 
-  - *Optional*: If you want to dig deeper, read [Dungeons and Dragons taught me how to write ALT text](https://ericwbailey.website/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/) or read about [Making numbers accessible](https://www.tpgi.com/making-numbers-in-web-content-accessible/)
+  - *Optional*: If you want to dig deeper, read [Dungeons and Dragons taught me how to write ALT text](https://ericwbailey.website/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/) or read about [Making numbers accessible](https://www.tpgi.com/making-numbers-in-web-content-accessible/) 
+  <!-- check this list too https://web-a11y.slack.com/archives/C4YFER329/p1729259893347819 -->
 
 
 {: .week}

slides/industry-panel.html

@@ -26,19 +26,6 @@ class:
 ## Check on zoom buddies
 ## Make sure captioning is turned on
 
----
-# Announcements
-
-UARS: How many -- one per tech minimum; give an example of a success if you find no problems. 
-
-Reminder: what to do if you miss a class 
-
-Reminder: regrades
-
-Summary: We'll keep doing it and add some more details to it as requested
-
-Visual calendar: We've heard this a few times. But I'm not sure where to put it or why canvas doesn't work. Can someone who's asking for this help us out with some user-centered design after class? :) 
-
 ---
 [//]: # (Outline Slide)
 # Learning Goals for today
@@ -48,50 +35,39 @@ Visual calendar: We've heard this a few times. But I'm not sure where to put it
 
 ---
 # First, Introducing your Website Report
-
-We modified the assignment a bit 
-- It's now two weeks long
-- It's optionally a group assignment (with others who reviewed the same website)
-
----
-# Introduction
-- What is the site or app for
-- How did you assess it (what accessibility tool did you use)
-- What task did you assess?
+## Introduction - purpose of site or app
+## Overview of assessment
+- Tasks your group assessed
+- What automated and ATs did you use
 - Overview table
 
-| Type (Web/Mobile/etc) | Testing Method | UARS found | Who Contributed |
-|-----------------------|----------------|--------------|-----------------|
-| ...                   | ...            | ...          |                 |
+| Type (Web/Mobile/etc) | Testing Method | # UARS found | Who Contributed |
 |-----------------------|----------------|--------------|-----------------|
+| ...                   | ...            | ...          | ...             |
 
 
 ---
-# Executive Summary
-
-Summarize biggest problems (1-2 paragraphs)
+# Next Sections
+## Summary of most severe problems
+Brief written summary
 
-| WCAG | Severe problems | Moderate problems | Minor problems |
+| WCAG # | # Severe problems | # Moderate problems | Minor problems |
 |------|-----------------|-------------------|----------------|
 | ...  | ...             | ...               | ...            |
-|------|-----------------|-------------------|----------------|
 
+## Details on Violations
 
 ---
 # Details
-More detail on what needs to be done sorted by WCAG # 
+More detail on what needs to be done sorted by POUR category
 
 Include both problems and remedies
 
 Easy to split this up among a group
 
 ---
-# Make the report accessible
-- Use headers
-- Use proper color contrast
-- Write alt text for photos
-- Use meaningful hyperlinks
-- Turn in a word or google doc on Canvas
+# Appendix
+All your UARS