Skip to content

Commit

Permalink
Created two directories for each testing page
Browse files Browse the repository at this point in the history
  • Loading branch information
garciagarcinuno committed May 25, 2024
1 parent 4d4da81 commit 5f34f73
Show file tree
Hide file tree
Showing 20 changed files with 1,156 additions and 0 deletions.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
20 changes: 20 additions & 0 deletions page2/.github/workflows/jekyll-docker.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
name: Jekyll site CI

on:
push:
branches: [ "main" ]
pull_request:
branches: [ "main" ]

jobs:
build:

runs-on: ubuntu-latest

steps:
- uses: actions/checkout@v4
- name: Build the site in the jekyll/builder container
run: |
docker run \
-v ${{ github.workspace }}:/srv/jekyll -v ${{ github.workspace }}/_site:/srv/jekyll/_site \
jekyll/builder:latest /bin/bash -c "chmod -R 777 /srv/jekyll && jekyll build --future"
2 changes: 2 additions & 0 deletions page2/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
.DS_Store
**/.DS_Store
78 changes: 78 additions & 0 deletions page2/2020-04/1-environment.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
# Testing environment

## Languages

- Website language: English + Spanish
- OS language: Finnish
- Screen reader UI: Finnish
- Browser language: Finnish

## Website

I compared the following 7 approaches for labelling a close button:

- K: Using `aria-label`.
- L: Using `aria-label` and an explicit `lang` attribute.
- M: Using `aria-labelledby` and referring to a visually hidden label outside the labelled element.
- N: Using `aria-labelledby` and referring to a visually hidden and `aria-hidden` label outside the labelled element.
- O: Using `aria-labelledby` and referring to a visually hidden label inside the labelled element.
- P: Using `aria-labelledby` and referring to a visually hidden and `aria-hidden` label inside the labelled element.
- Q: Using a visually hidden label inside the labelled element.

## Combinations

- VoiceOver (desktop):

- Device: MacBook Pro (16-inch, 2019)
- macOS version: 10.15.2
- VoiceOver: included with macOS
- Safari version: 13.1 (15609.1.20.111.8)
- Chrome version: 81.0.4044.92
- Firefox version: 75.0
- Opera version: 67.0.3575.137
- Edge version: 80.0.361.111

- VoiceOver (mobile):

- Device: iPhone 11
- iOS version: 13.4.1
- VoiceOver: included with iOS
- Safari version: 13
- Chrome version: 81.0.4044.62
- Firefox version: 24.1
- Opera Touch version: 2.2.1
- Edge version: 45.2.16

- NVDA

- Device: Asus X540LA
- Windows version: 10 Home 18362.418
- NVDA version: 2019.3.1
- Safari version: N/A (not maintained)
- Chrome version: 81.0.4044.92
- Firefox version: 75.0
- Opera version: 67.0.3575.137
- Edge version: 80.0.361.111

- JAWS

- Device: Asus X540LA
- Windows version: 10 Home 18362.418
- JAWS version: 2019.1912.9 Multilingual
- JAWS with "Language Detect Change" selected
- Safari version: N/A (not maintained)
- Chrome version: 81.0.4044.92
- Firefox version: 75.0
- Opera version: 67.0.3575.137
- Edge version: 80.0.361.111

- TalkBack

- Device: Samsung Galaxy S8+
- OS: Android 9 Build/PPR1.180610.011
- TalkBack version: 8.1.0.278818032
- Safari version: N/A (not maintained)
- Chrome version: 81.0.4044.96
- Firefox version: 68.7.0
- Opera Touch version: 2.3.9
- Edge version: 45.02.4.4931
Loading

0 comments on commit 5f34f73

Please sign in to comment.