Improve website accessibility - #30

Open
cyzcodingstuff wants to merge 1 commit into
mainfrom
improve-accessibility
Open

Improve website accessibility#30
cyzcodingstuff wants to merge 1 commit into
mainfrom
improve-accessibility

Conversation

@cyzcodingstuff

@cyzcodingstuffcyzcodingstuff commented Sep 27, 2025

Copy link
Copy Markdown
Owner

This PR implements comprehensive accessibility improvements for the Mergington High School Activities website:

Changes Made

  • Added ARIA labels and roles to improve screen reader compatibility
  • Added skip navigation for keyboard users
  • Improved keyboard navigation and focus management
  • Enhanced color contrast for better visibility
  • Improved form accessibility and error handling
  • Added screen reader announcements for dynamic content

Testing

The changes were tested with:

  • Keyboard navigation
  • Screen reader compatibility
  • Color contrast requirements
  • Form interaction and validation

Accessibility Improvements

  1. Screen Reader Support

    • Added semantic ARIA roles
    • Added descriptive labels
    • Improved dynamic content announcements

  2. Keyboard Navigation

    • Added skip links
    • Enhanced focus management
    • Improved interactive element support

  3. Visual Improvements

    • Enhanced color contrast
    • Better focus indicators
    • Improved error messages

  4. Form Accessibility

    • Better form labeling
    • Enhanced validation feedback
    • Improved error handling

Closes#5

@cyzcodingstuff
Add accessibility improvements
705d76a
- Add ARIA labels and roles
- Improve keyboard navigation with skip links
- Enhance color contrast and focus styles
- Improve form accessibility
- Add screen reader announcements
Closes#5
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Focus on accessibility and multi-language support

1 participant

@cyzcodingstuff
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
Improve website accessibility - #30
Open
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Open
Improve website accessibility#30
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Conversation
@cyzcodingstuff
@cyzcodingstuffcyzcodingstuff
commented
Sep 27, 2025

Copy link


Copy Markdown

Owner
This PR implements comprehensive accessibility improvements for the Mergington High School Activities website:
Changes Made
  • Added ARIA labels and roles to improve screen reader compatibility
  • Added skip navigation for keyboard users
  • Improved keyboard navigation and focus management
  • Enhanced color contrast for better visibility
  • Improved form accessibility and error handling
  • Added screen reader announcements for dynamic content
Testing
The changes were tested with:
  • Keyboard navigation
  • Screen reader compatibility
  • Color contrast requirements
  • Form interaction and validation
Accessibility Improvements
  1. Screen Reader Support
    • Added semantic ARIA roles
    • Added descriptive labels
    • Improved dynamic content announcements
  2. Keyboard Navigation
    • Added skip links
    • Enhanced focus management
    • Improved interactive element support
  3. Visual Improvements
    • Enhanced color contrast
    • Better focus indicators
    • Improved error messages
  4. Form Accessibility
    • Better form labeling
    • Enhanced validation feedback
    • Improved error handling
Closes#5
@cyzcodingstuff
Add accessibility improvements
705d76a
- Add ARIA labels and roles
- Improve keyboard navigation with skip links
- Enhance color contrast and focus styles
- Improve form accessibility
- Add screen reader announcements
Closes#5
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Focus on accessibility and multi-language support


1 participant

@cyzcodingstuff

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Improve website accessibility - #30
Open
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Open
Improve website accessibility#30
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Conversation
@cyzcodingstuff
@cyzcodingstuffcyzcodingstuff
commented
Sep 27, 2025

Copy link


Copy Markdown

Owner
This PR implements comprehensive accessibility improvements for the Mergington High School Activities website:
Changes Made
  • Added ARIA labels and roles to improve screen reader compatibility
  • Added skip navigation for keyboard users
  • Improved keyboard navigation and focus management
  • Enhanced color contrast for better visibility
  • Improved form accessibility and error handling
  • Added screen reader announcements for dynamic content
Testing
The changes were tested with:
  • Keyboard navigation
  • Screen reader compatibility
  • Color contrast requirements
  • Form interaction and validation
Accessibility Improvements
  1. Screen Reader Support
    • Added semantic ARIA roles
    • Added descriptive labels
    • Improved dynamic content announcements
  2. Keyboard Navigation
    • Added skip links
    • Enhanced focus management
    • Improved interactive element support
  3. Visual Improvements
    • Enhanced color contrast
    • Better focus indicators
    • Improved error messages
  4. Form Accessibility
    • Better form labeling
    • Enhanced validation feedback
    • Improved error handling
Closes#5
@cyzcodingstuff
Add accessibility improvements
705d76a
- Add ARIA labels and roles
- Improve keyboard navigation with skip links
- Enhance color contrast and focus styles
- Improve form accessibility
- Add screen reader announcements
Closes#5
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Focus on accessibility and multi-language support


1 participant

@cyzcodingstuff

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Improve website accessibility - #30
Open
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Open
Improve website accessibility#30
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Conversation
@cyzcodingstuff
@cyzcodingstuffcyzcodingstuff
commented
Sep 27, 2025

Copy link


Copy Markdown

Owner
This PR implements comprehensive accessibility improvements for the Mergington High School Activities website:
Changes Made
  • Added ARIA labels and roles to improve screen reader compatibility
  • Added skip navigation for keyboard users
  • Improved keyboard navigation and focus management
  • Enhanced color contrast for better visibility
  • Improved form accessibility and error handling
  • Added screen reader announcements for dynamic content
Testing
The changes were tested with:
  • Keyboard navigation
  • Screen reader compatibility
  • Color contrast requirements
  • Form interaction and validation
Accessibility Improvements
  1. Screen Reader Support
    • Added semantic ARIA roles
    • Added descriptive labels
    • Improved dynamic content announcements
  2. Keyboard Navigation
    • Added skip links
    • Enhanced focus management
    • Improved interactive element support
  3. Visual Improvements
    • Enhanced color contrast
    • Better focus indicators
    • Improved error messages
  4. Form Accessibility
    • Better form labeling
    • Enhanced validation feedback
    • Improved error handling
Closes#5
@cyzcodingstuff
Add accessibility improvements
705d76a
- Add ARIA labels and roles
- Improve keyboard navigation with skip links
- Enhance color contrast and focus styles
- Improve form accessibility
- Add screen reader announcements
Closes#5
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Focus on accessibility and multi-language support


1 participant

@cyzcodingstuff

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
Improve website accessibility - #30
Open
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Open
Improve website accessibility#30
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Conversation
@cyzcodingstuff
@cyzcodingstuffcyzcodingstuff
commented
Sep 27, 2025

Copy link


Copy Markdown

Owner
This PR implements comprehensive accessibility improvements for the Mergington High School Activities website:
Changes Made
  • Added ARIA labels and roles to improve screen reader compatibility
  • Added skip navigation for keyboard users
  • Improved keyboard navigation and focus management
  • Enhanced color contrast for better visibility
  • Improved form accessibility and error handling
  • Added screen reader announcements for dynamic content
Testing
The changes were tested with:
  • Keyboard navigation
  • Screen reader compatibility
  • Color contrast requirements
  • Form interaction and validation
Accessibility Improvements
  1. Screen Reader Support
    • Added semantic ARIA roles
    • Added descriptive labels
    • Improved dynamic content announcements
  2. Keyboard Navigation
    • Added skip links
    • Enhanced focus management
    • Improved interactive element support
  3. Visual Improvements
    • Enhanced color contrast
    • Better focus indicators
    • Improved error messages
  4. Form Accessibility
    • Better form labeling
    • Enhanced validation feedback
    • Improved error handling
Closes#5
@cyzcodingstuff
Add accessibility improvements
705d76a
- Add ARIA labels and roles
- Improve keyboard navigation with skip links
- Enhance color contrast and focus styles
- Improve form accessibility
- Add screen reader announcements
Closes#5
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Focus on accessibility and multi-language support


1 participant

@cyzcodingstuff

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Improve website accessibility - #30
Open
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Open
Improve website accessibility#30
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Conversation
@cyzcodingstuff
@cyzcodingstuffcyzcodingstuff
commented
Sep 27, 2025

Copy link


Copy Markdown

Owner
This PR implements comprehensive accessibility improvements for the Mergington High School Activities website:
Changes Made
  • Added ARIA labels and roles to improve screen reader compatibility
  • Added skip navigation for keyboard users
  • Improved keyboard navigation and focus management
  • Enhanced color contrast for better visibility
  • Improved form accessibility and error handling
  • Added screen reader announcements for dynamic content
Testing
The changes were tested with:
  • Keyboard navigation
  • Screen reader compatibility
  • Color contrast requirements
  • Form interaction and validation
Accessibility Improvements
  1. Screen Reader Support
    • Added semantic ARIA roles
    • Added descriptive labels
    • Improved dynamic content announcements
  2. Keyboard Navigation
    • Added skip links
    • Enhanced focus management
    • Improved interactive element support
  3. Visual Improvements
    • Enhanced color contrast
    • Better focus indicators
    • Improved error messages
  4. Form Accessibility
    • Better form labeling
    • Enhanced validation feedback
    • Improved error handling
Closes#5
@cyzcodingstuff
Add accessibility improvements
705d76a
- Add ARIA labels and roles
- Improve keyboard navigation with skip links
- Enhance color contrast and focus styles
- Improve form accessibility
- Add screen reader announcements
Closes#5
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Focus on accessibility and multi-language support


1 participant

@cyzcodingstuff

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
Improve website accessibility - #30
Open
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Open
Improve website accessibility#30
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Conversation
@cyzcodingstuff
@cyzcodingstuffcyzcodingstuff
commented
Sep 27, 2025

Copy link


Copy Markdown

Owner
This PR implements comprehensive accessibility improvements for the Mergington High School Activities website:
Changes Made
  • Added ARIA labels and roles to improve screen reader compatibility
  • Added skip navigation for keyboard users
  • Improved keyboard navigation and focus management
  • Enhanced color contrast for better visibility
  • Improved form accessibility and error handling
  • Added screen reader announcements for dynamic content
Testing
The changes were tested with:
  • Keyboard navigation
  • Screen reader compatibility
  • Color contrast requirements
  • Form interaction and validation
Accessibility Improvements
  1. Screen Reader Support
    • Added semantic ARIA roles
    • Added descriptive labels
    • Improved dynamic content announcements
  2. Keyboard Navigation
    • Added skip links
    • Enhanced focus management
    • Improved interactive element support
  3. Visual Improvements
    • Enhanced color contrast
    • Better focus indicators
    • Improved error messages
  4. Form Accessibility
    • Better form labeling
    • Enhanced validation feedback
    • Improved error handling
Closes#5
@cyzcodingstuff
Add accessibility improvements
705d76a
- Add ARIA labels and roles
- Improve keyboard navigation with skip links
- Enhance color contrast and focus styles
- Improve form accessibility
- Add screen reader announcements
Closes#5
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Focus on accessibility and multi-language support


1 participant

@cyzcodingstuff

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
Improve website accessibility - #30
Open
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Open
Improve website accessibility#30
cyzcodingstuff wants to merge 1 commit into
mainfrom 
improve-accessibility
Conversation
@cyzcodingstuff
@cyzcodingstuffcyzcodingstuff
commented
Sep 27, 2025

Copy link


Copy Markdown

Owner
This PR implements comprehensive accessibility improvements for the Mergington High School Activities website:
Changes Made
  • Added ARIA labels and roles to improve screen reader compatibility
  • Added skip navigation for keyboard users
  • Improved keyboard navigation and focus management
  • Enhanced color contrast for better visibility
  • Improved form accessibility and error handling
  • Added screen reader announcements for dynamic content
Testing
The changes were tested with:
  • Keyboard navigation
  • Screen reader compatibility
  • Color contrast requirements
  • Form interaction and validation
Accessibility Improvements
  1. Screen Reader Support
    • Added semantic ARIA roles
    • Added descriptive labels
    • Improved dynamic content announcements
  2. Keyboard Navigation
    • Added skip links
    • Enhanced focus management
    • Improved interactive element support
  3. Visual Improvements
    • Enhanced color contrast
    • Better focus indicators
    • Improved error messages
  4. Form Accessibility
    • Better form labeling
    • Enhanced validation feedback
    • Improved error handling
Closes#5
@cyzcodingstuff
Add accessibility improvements
705d76a
- Add ARIA labels and roles
- Improve keyboard navigation with skip links
- Enhance color contrast and focus styles
- Improve form accessibility
- Add screen reader announcements
Closes#5
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

Focus on accessibility and multi-language support


1 participant

@cyzcodingstuff