Awesome GitHub RepositoriesWeb Accessibility

Developer Roadmap هي منصة يقودها المجتمع توفر مسارات تعليمية منظمة وقائمة على الرسوم البيانية لهندسة البرمجيات. تعمل كمستودع معرفي شامل حيث يتم تنظيم المجالات التقنية في تسلسلات مرئية لتوجيه اكتساب المهارات المهنية والنمو الوظيفي. يتميز المشروع بنظام بيئي تعاوني يتيح للمستخدمين المساهمة في خرائط الطريق، وتنظيم أفضل ممارسات الصناعة، والحفاظ على الملفات الشخصية المهنية. يدمج أطر تقييم تشخيصية لتقييم الكفاءة التقنية، مما يساعد المطورين على تحديد فجوات المعرفة والتحضير للمقابلات المهنية من خلال تسلسلات تعليمية مستهدفة. إلى جانب قدرات التخطيط الأساسية، توفر المنصة أفكاراً لمشاريع عملية ودروساً تفاعلية لتعزيز المفاهيم الهندسية. وتوفر مساحة مركزية للمجتمع لمشاركة الموارد، وتتبع تطوير المهارات التدريجي، والتنقل في المشاهد التقنية المعقدة.

This project provides a comprehensive web development checklist designed to verify the production readiness of websites before they are launched. It serves as a technical audit framework that guides developers through a systematic, manual validation process to ensure that all quality, performance, and accessibility standards are met. The checklist distinguishes itself through a hierarchical taxonomy that organizes complex technical requirements into logical domains, such as security, performance, and semantic structure. By utilizing a progressive enhancement methodology, it encourages develop

This project is a comprehensive set of architectural and coding standards for organizing and maintaining high-quality JavaScript applications. It provides a framework for JavaScript project best practices across the full software development lifecycle, establishing unified guidelines for project organization and development. The guidelines cover specific standards for REST API design, utilizing resource-oriented interfaces and standardized HTTP methods. It also includes a web accessibility standard focused on semantic HTML and automated audits, alongside a defined Git workflow standard for br

This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen

This project is a browser extension that functions as a visual accessibility aid and dark mode generator. It dynamically analyzes web page content to create and apply dark color schemes, aiming to reduce eye strain and improve readability for users. The extension operates by injecting custom style sheets and filters directly into the browser document object model. It distinguishes itself through a combination of automated theme generation and granular control, allowing users to adjust brightness, contrast, and sepia levels. It also supports site-specific overrides and exclusions, enabling use

PeerTube is a decentralized, open-source video hosting platform that enables users to operate independent, interoperable servers. By utilizing the ActivityPub protocol, it connects these servers into a global, federated network where users can follow channels, discover content, and interact across different instances. The platform is designed to function as a self-hosted video content management system, providing a community-driven alternative to centralized media services. What distinguishes PeerTube is its hybrid approach to content delivery and infrastructure management. It integrates peer

MDN Web Docs is the official source for comprehensive documentation about HTML, CSS, JavaScript, HTTP, and Web APIs for web developers. It serves as both a complete reference for web browser technologies and a structured learning platform that guides users from beginner to advanced levels through tutorials covering core web standards. The project distinguishes itself by providing a complete reference documentation for standard browser APIs alongside guidance for building accessible websites that work with assistive technologies. It offers documented security techniques and best practices for

Maestro is a declarative mobile and web UI automation framework designed for end-to-end testing. It operates by querying the native accessibility tree of an application, allowing for black-box testing without requiring source code instrumentation or platform-specific dependencies. The framework distinguishes itself through a unified command syntax that abstracts interactions across Android, iOS, and web environments. It features a dynamic synchronization engine that automatically pauses test execution to account for non-deterministic animations and network-dependent content loading, ensuring

This project is a comprehensive collection of frontend development best practices and standards. It provides guides for writing semantic HTML, efficient CSS, and functional JavaScript to improve overall web performance and accessibility. The repository establishes frameworks for modern CSS architecture, focusing on specificity management and the use of Flexbox and Grid for predictable layouts. It outlines patterns for functional JavaScript programming, emphasizing the use of pure functions and composition to reduce execution time and dependency bloat. The guidelines cover several core capabi

This project is a comprehensive knowledge base and study resource designed for mastering technical interviews. It provides structured guides, roadmaps, and curricula focused on data structures, algorithms, system design, and frontend engineering to help candidates prepare for software engineering screenings. The repository distinguishes itself by offering a holistic approach to professional advancement. Beyond technical drills, it includes a career development handbook covering resume optimization, salary benchmarking, and strategic negotiation coaching. It also provides detailed methodologie

This project is a reusable React datepicker component providing an accessible, localized interface for selecting dates and times within web applications. It functions as an input field that triggers a calendar popup for precise temporal data entry. The component is designed for flexibility, allowing for a customizable calendar layout and the integration of custom external elements to trigger the picker. It supports marking holidays with custom labels and styles and implements date selection restrictions through boundaries, exclusion lists, and filter functions. The system includes comprehens

axe-core is an automated accessibility testing engine and compliance auditor designed to scan web and mobile interfaces for violations of industry accessibility standards. It functions as a programmatic scanner and linter that analyzes HTML and source code to identify barriers and verify compliance with accessibility guidelines. The project distinguishes itself by combining a DOM-based rule engine with computer vision and machine learning to detect complex violations that evade traditional analysis, such as visual heading discrepancies and informative images. It provides specialized capabilit

Annyang is a speech recognition library and web speech API wrapper that enables the integration of voice command interfaces into websites. It functions as a browser-based voice controller, mapping spoken phrases and regular expressions to specific JavaScript functions to trigger application actions. The library provides mechanisms for voice command mapping and simulation, allowing developers to associate spoken text with executable callbacks. It includes tools for command variable extraction using regular expression capture groups, which allows specific words from a spoken phrase to be passed

This project is a rich text editor component for React applications that provides a visual interface for composing and formatting content. It functions as a DraftJS-based WYSIWYG editor, allowing users to create structured documents with inline styles and block types. The editor features a customizable toolbar interface for managing text alignment, lists, and media embeds. It includes a specialized input system for inserting emojis, hashtags, and user mentions as single deletable units. The project provides capabilities for transforming internal editor state into HTML, JSON, or Markdown form

sanitize.css هي مكتبة إعادة تعيين CSS (CSS reset) ومُطَبِّع (normalizer) يوفر ورقة أنماط أساسية لمشاريع الويب. تنشئ نقطة بداية بصرية موحدة عن طريق إزالة الأنماط الافتراضية غير المتسقة الخاصة بالمتصفح وتطبيق إعادة تعيين CSS عالمي. يركز المشروع على تطبيع الأنماط عبر المتصفحات، مما يضمن عرض الطباعة، وعناصر التحكم في النماذج، وعناصر HTML بشكل متسق عبر مختلف المتصفحات والأجهزة. وتنفذ مجموعة خطوط نظام (system-font stack) للقضاء على تباينات العرض وتطبق تطبيع حجم الصندوق (box-sizing) لضمان نموذج تخطيط يمكن التنبؤ به. تتضمن المكتبة أيضًا أسس إمكانية الوصول، مثل تعيين أدوار إمكانية الوصول إلى مؤشرات بصرية واحترام تفضيلات النظام للحركة المقللة. بالإضافة إلى ذلك، تتعامل مع الوسائط المتجاوبة عن طريق إجبار الصور والمحتوى المضمن على البقاء داخل حاوياتهم الأصلية.

North هي منهجية تصميم ويب متجاوبة وإطار عمل معمارية CSS يعتمد على Sass. توفر نظاماً لبناء واجهات مستخدم تعتمد على الجوال أولاً باستخدام شبكات مرنة وتقنيات التحسين التدريجي لضمان تجربة متسقة عبر قدرات المتصفح وأحجام الشاشات المختلفة. يتميز المشروع بنظام تسمية CSS قياسي يستخدم Sass mixins لتوليد أسماء الفئات برمجياً، مع التمييز بين المكونات، والتخطيطات، والحالات. كما يعمل كأداة لهيكلة مشاريع الواجهة الأمامية، حيث يوفر مولداً لتهيئة بيئات جديدة باستخدام أوراق أنماط ومشغلات مهام مهيأة مسبقاً. بعيداً عن التنسيق، يغطي إطار العمل مساحة واسعة من معايير تطوير الويب، بما في ذلك تنفيذ HTML الدلالي مع بيانات RDFa الوصفية وتدقيق إمكانية الوصول للويب. يدمج استراتيجية تصميم تركز على المحتوى وسير عمل مرن للواجهة الأمامية لتنسيق الانتقال من هندسة المعلومات وشخصيات المستخدم إلى مكونات جاهزة للإنتاج. يتضمن النظام أدوات لأتمتة تسمية CSS وهيكلة قوالب المشاريع لتسريع الإعداد الأولي.

Astro Paper is a minimal and accessible blog theme for the Astro framework, designed to create SEO-optimized static websites. It serves as a pre-configured template for building personal blogs and technical portfolios that render content from Markdown and MDX files. The project distinguishes itself through specialized support for technical writing, including LaTeX mathematical equation rendering and code syntax highlighting. It also automates social media presence via the build-time generation of dynamic Open Graph images and social metadata. The framework covers a broad range of site manage

Pickr is a dependency-free JavaScript color picker library and multi-format color converter. It provides a visual interface for selecting colors and transforming them between HEX, RGB, HSL, and CMYK representations. The library is designed as a themed UI component that can attach to and function within web shadow roots. It supports customizable visual styles and layout applications to align with various CSS frameworks and design systems. Capability areas include visual color selection with alpha channel opacity control, the management of preset color swatches, and an event-driven callback sy

Hint is a web development linter and static analysis tool that audits HTML, CSS, and JavaScript. It provides a suite of specialized validators designed to ensure compliance with accessibility standards, web security header requirements, and general development best practices. The project distinguishes itself by analyzing a wide range of web quality metrics, including browser compatibility for CSS and JavaScript features and PWA configuration validation. It also includes an analyzer for measuring page load speeds, caching, and compression strategies to optimize web performance. The system is

This project is a web accessibility checklist and inclusive design framework. It serves as a digital inclusion guide and audit tool for verifying that web content is perceivable, operable, and welcoming to a diverse global audience. The project provides a structured review process for WCAG compliance, focusing on auditing HTML structure, ARIA roles, keyboard navigation, and visual accessibility. It includes specific standards for reviewing language, typography, and color contrast to ensure inclusive content design. The framework covers broader capability areas including device compatibility