Awesome GitHub RepositoriesScreen Reader Accessibility

Acest proiect este un plugin jQuery și un validator de formulare pe partea de client utilizat pentru a verifica input-urile formularelor web înainte ca acestea să fie trimise către un server. Utilizează un motor de validare bazat pe reguli pentru a verifica input-ul utilizatorului față de reguli predefinite sau personalizate pentru a asigura integritatea datelor în browser. Instrumentul este conceput ca un sistem de validare conform ARIA, utilizând atribute de accesibilitate pentru a lega mesajele de eroare de câmpurile de input. Acest lucru asigură că utilizatorii de screen reader sunt notificați atunci când un câmp conține o valoare invalidă în timpul procesului de trimitere a formularului. Sistemul suportă validarea serverului remote prin cereri HTTP asincrone și permite injectarea dinamică de reguli pentru a adăuga logică de validare personalizată. Gestionează interfața utilizator prin randarea erorilor legată de DOM și utilizează declanșarea bazată pe evenimente pentru a executa verificări în timpul evenimentelor de focus, blur sau submit.

GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

iframe-resizer is a JavaScript tool that automatically adjusts the dimensions of an iframe to match the size of its internal content. It functions as a cross-domain communication bridge, allowing the exchange of data and the triggering of actions between a parent window and an embedded iframe across different origins. The project includes a nested iframe coordinator to synchronize dimensions between parent pages and inner frames, preventing scrollbars in complex nested structures. It also provides an accessibility utility to manage iframe titles and attributes, ensuring embedded content is co

Processing is a creative coding environment and Java graphics library designed for writing visual sketches that produce interactive 2D and 3D graphics and animations. It runs on the Java Virtual Machine, using an OpenGL-based hardware-accelerated rendering pipeline, and operates on a sketch-based execution model where programs run as continuous loops of setup and draw functions with event-driven input handling for keyboard, mouse, and window interactions. The environment distinguishes itself as a cross-platform sketch tool that runs visual programs unchanged on desktop, web, Android, and Rasp

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

React Autosuggest is a fully controlled React component that provides an autocomplete input with a dropdown of suggestions as the user types. It delegates all state management to the parent component through callbacks, making it compatible with state management patterns like Flux or Redux. The component implements WAI-ARIA accessibility patterns, including keyboard navigation with arrow keys, Enter, and Escape, along with live region integration for screen reader announcements. The component offers extensive customization through render-prop functions, allowing developers to replace the defau

This is the official documentation repository for Raspberry Pi hardware and software. It covers the complete range of Raspberry Pi single-board computers, the RP-series microcontrollers, and the Raspberry Pi operating system. The documentation provides reference material for setting up devices, configuring hardware, and using the system for tasks including AI inference, camera and video capture, embedded development, and remote access. The documentation covers the full boot chain from the GPU firmware and EEPROM bootloader through to kernel loading, with detailed guidance on boot configuratio

Xilem is a native user interface framework for the Rust programming language. It provides a reactive view tree that links application state to the interface to automate updates when data changes. The framework incorporates a GPU-accelerated 2D graphics engine and a dedicated text layout engine to handle complex typography and high-performance visual rendering. It is built as an accessible UI framework with integrated support for system accessibility services and screen readers. The system utilizes a retained-mode architecture with a graphics pipeline that translates drawing commands into har

Pluto.jl este un mediu de calcul reactiv pentru Julia care funcționează ca un format de document programabil. Servește drept IDE interactiv pentru știința datelor și un notebook computațional poliglot care stochează codul Julia și dependențele de mediu ca fișiere sursă versionabile. Sistemul se distinge prin modelul său de execuție reactiv, care utilizează un graf aciclic direcționat pentru a urmări dependențele variabilelor și a re-evalua automat celulele din aval afectate atunci când o valoare se modifică. Asigură reproductibilitatea prin integrarea mediilor de pachete izolate direct în fișierul notebook și persistarea conținutului ca fișiere sursă executabile pure. Platforma acoperă o gamă largă de capabilități, inclusiv vizualizarea interactivă a datelor, crearea de sarcini educaționale ghidate și generarea de site-uri web de documentație statică. Suportă moduri de output diverse, cum ar fi prezentări de tip slideshow și aplicații web, și oferă instrumente pentru exportul notebook-urilor în HTML, PDF și scripturi axate pe reproductibilitate. Mediul poate fi lansat printr-o interfață web pe localhost sau accesat prin servere la distanță și găzduire cloud.

BulletinBoard este o bibliotecă de componente SwiftUI și un framework de interfață pentru iOS. Oferă un set de elemente reutilizabile concepute pentru a randa carduri de informații interactive și accesibile în partea de jos a ecranului, pentru a ghida utilizatorii prin sarcinile de onboarding și configurare. Framework-ul funcționează ca un kit UI pentru onboarding, oferind template-uri de carduri predefinite și capacitatea de a crea structuri de layout personalizate. Aceste componente sunt construite cu suport integrat pentru accesibilitate, pentru a se asigura că actualizările interfeței și stările de interacțiune sunt anunțate cititoarelor de ecran și controlerelor asistive. Biblioteca acoperă capabilități de nivel înalt, inclusiv design UI contextual și integrare cu accesibilitatea iOS, permițând dezvoltarea de vizualizări de carduri specializate care mențin o navigare incluzivă.

Lettering.js este o bibliotecă JavaScript de tipografie care divide șirurile de text în elemente HTML granulare. Împachetează caracterele, cuvintele și liniile individuale în tag-uri pentru a permite un control CSS precis și stilizare vizuală avansată. Biblioteca include un sistem de împachetare a textului accesibil care menține compatibilitatea cu cititoarele de ecran. Gestionează accesibilitatea textului prin oglindirea conținutului original în etichete ARIA pe containere și ascunderea elementelor fragmentate de tehnologiile asistive. Instrumentul oferă capabilități pentru manipularea granulară a textului și descompunerea bazată pe DOM. Aceste mecanisme facilitează stilizarea tipografiei web și crearea de animații dinamice de text prin tranziții secvențiate și efecte de mișcare.

Cerberus este un framework de template-uri de email HTML care oferă o colecție de tipare de markup testate și kituri arhitecturale. Este conceput pentru a crea newslettere prin email responsive care se randează consistent pe diverse clienți software. Proiectul dispune de un sistem de layout pentru email responsive folosind structuri fluide și hibride bazate pe tabele, alături de un kit CSS cross-client care utilizează markup condițional pentru a menține consistența vizuală în clienții legacy. Include metodologii specifice pentru implementarea dark mode-ului prin ajustarea culorilor și imaginilor în funcție de preferințele de temă ale sistemului de operare. Framework-ul acoperă o gamă largă de capabilități, inclusiv integrarea accesibilității pentru cititoarele de ecran, generarea de alternative text simplu și designul componentelor UI fiabile, cum ar fi butoanele de acțiune și imaginile fluide. De asemenea, oferă strategii pentru stilizarea tipografiei, optimizarea imaginilor și compatibilitatea cross-client.

North este o metodologie de design web responsiv și un framework de arhitectură CSS bazat pe Sass. Acesta oferă un sistem pentru construirea de interfețe utilizator mobile-first folosind grile fluide și tehnici de îmbunătățire progresivă pentru a asigura o experiență consistentă pe diferite capabilități de browser și dimensiuni de ecran. Proiectul dispune de un sistem standardizat de denumire CSS care utilizează mixin-uri Sass pentru a genera programatic nume de clase, distingând între componente, layout-uri și stări. De asemenea, funcționează ca un instrument de scaffolding pentru proiecte frontend, oferind un generator pentru a porni medii noi cu foi de stil pre-configurate și task runner-e. Dincolo de stilizare, framework-ul acoperă o gamă largă de standarde de dezvoltare web, inclusiv implementarea HTML semantic cu metadate RDFa și auditarea accesibilității web. Încorporează o strategie de design bazată pe conținut și un flux de lucru frontend agil pentru a coordona tranziția de la arhitectura informației și persona-urile utilizatorilor la componente gata de producție. Sistemul include instrumente pentru automatizarea denumirii CSS și a șabloanelor de proiect pentru a accelera configurarea inițială.

ChatUI este o bibliotecă și un framework React pentru interfețe conversaționale, conceput pentru construirea de interfețe de mesagerie. Oferă un set de componente pentru crearea fluxurilor de conversație, inclusiv bule de mesaj, zone de input și ierarhii structurate de mesaje. Biblioteca se distinge prin funcționalități specializate pentru interfețe cu agenți AI, cum ar fi vizualizarea procesului de raționament al unui agent și animații de scriere simulate care redau textul caracter cu caracter. Include, de asemenea, un sistem de template-uri de carduri conversaționale pre-proiectate pentru afișarea bannerelor, listelor de selecție și chestionarelor în cadrul unui flux de chat. Framework-ul acoperă domenii largi de capabilități, inclusiv adaptarea layout-ului pentru ecrane mobile și desktop, internaționalizare bazată pe locale pentru suport multilingv și un sistem de teme bazat pe variabile pentru personalizarea brandului. Implementează standarde de accesibilitate prin structurare semantică DOM și asigurarea contrastului pentru a sprijini cititoarele de ecran și tehnologiile asistive.

Acest proiect este un ghid cuprinzător de dezvoltare front-end și un roadmap conceput pentru a ajuta inginerii să stăpânească abilitățile și standardele profesionale necesare pentru dezvoltarea web modernă. Servește ca referință tehnică pentru stăpânirea HTML, CSS și JavaScript, oferind căi de învățare structurate și o hartă a competențelor profesionale necesare pentru a trece de la un nivel de începător la cel de inginer web profesionist. Resursa funcționează ca un director categorizat și o privire de ansamblu asupra ecosistemului JavaScript. Cataloghează framework-uri, biblioteci și utilitare standard în industrie, oferind recomandări specifice pentru gestionarea stării, framework-uri CSS și generatoare de site-uri statice. Ghidul acoperă un spectru larg de capabilități de inginerie, inclusiv arhitectura UI, optimizarea performanței web și auditarea accesibilității. De asemenea, oferă îndrumări privind automatizarea build-ului, strategiile de deployment și selecția instrumentelor de dezvoltare pentru fluxuri de lucru profesionale.

Acest proiect este un slider de conținut jQuery utilizat pentru a crea galerii foto responsive și caruseluri cu suport tactil. Funcționează ca o componentă UI accesibilă care afișează imagini, video sau conținut HTML folosind animații accelerate hardware. Sliderul include suport nativ pentru gesturi de tip swipe și navigare tactilă pentru dispozitive mobile. Integrează atribute ARIA, precum Aria Live și Aria Hidden, pentru a asigura compatibilitatea cu cititoarele de ecran și accesibilitatea pentru utilizatorii de tehnologii asistive. Sistemul oferă capabilități complexe de layout și navigare, inclusiv animații de tranziție configurabile, navigare prin tastatură și paginare. Suportă rotația automată a conținutului cu tranziții bazate pe temporizator și oferă control programatic printr-un API public și callback-uri pentru evenimentele ciclului de viață.

Acest proiect este un framework de layout CSS cu lățime fixă conceput pentru a organiza conținutul web într-o grilă standardizată de coloane și rigole (gutters). Oferă un set de reguli CSS și dimensiuni care asigură alinierea și spațierea consistentă a paginii pe o grilă de design frontend. Sistemul sincronizează machetele de design vizual cu implementările tehnice folosind o lățime de 960 pixeli. Include foi de stil specializate care oglindesc alinierea grilei pentru a suporta direcțiile de limbă de la dreapta la stânga. Framework-ul acoperă gestionarea grilei prin implementarea coloanelor și controlul spațierii layout-ului. Oferă în continuare integrarea designului pentru sincronizarea machetelor și instrumente de poziționare a elementelor care decuplează plasarea vizuală de ordinea sursei pentru a susține accesibilitatea și optimizarea pentru motoarele de căutare.

This project is a comprehensive reference guide for writing clean, semantic, and maintainable HTML markup based on modern web standards. It provides a set of rules for implementing semantic HTML standards, using meaningful structural elements instead of generic containers to improve document hierarchy and machine readability. The guide establishes specific conventions for HTML formatting, covering indentation, tag casing, and source code organization to improve codebase maintainability. It also serves as a web accessibility reference, detailing the implementation of ARIA roles, alternative te

Aceasta este o bibliotecă JavaScript de navigare responsive utilizată pentru a crea meniuri mobile-friendly cu detectarea dimensiunii ecranului și suport tactil. Funcționează ca un meniu de navigare accesibil și un switcher de layout pe partea clientului care face tranziția între vizualizările mobile și desktop fără dependențe externe. Proiectul servește drept instrument de animație a meniului care permite tranziții CSS fluide și animații bazate pe înălțime atunci când se comută overlay-urile de navigare. Utilizează API-urile native ale browserului pentru a gestiona stările interfeței și a se asigura că navigarea rămâne funcțională pentru cititoarele de ecran și utilizatorii fără JavaScript. Biblioteca acoperă capabilități pentru detectarea breakpoint-urilor de ecran, gestionarea vizibilității navigării comutate și implementarea tranzițiilor de layout pentru interfețele tactile.