PHPackages accesibilidad-inclusion/pictogramas - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. accesibilidad-inclusion/pictogramas ActiveLibrary[Utility & Helpers](/categories/utility) accesibilidad-inclusion/pictogramas =================================== Pictogramas para la accesibilidad cognitiva de los servicios v2.0.0(3y ago)371MITJavaScriptCI failing Since Nov 8Pushed 1w ago4 watchersCompare [ Source](https://github.com/accesibilidad-inclusion/pictogramas)[ Packagist](https://packagist.org/packages/accesibilidad-inclusion/pictogramas)[ Docs](https://github.com/accesibilidad-inclusion/pictogramas#readme)[ Fund](https://liberapay.com/accesibilidad-inclusion)[ RSS](/packages/accesibilidad-inclusion-pictogramas/feed)WikiDiscussions master Synced 3d ago READMEChangelogDependenciesVersions (10)Used By (0) Pictogramas =========== [](#pictogramas) **Pictogramas** es una librería gráfica modular para la composición de pictogramas. El foco central de esta librería es promover y facilitar la accesibilidad cognitiva en las transacciones de los servicios públicos. Esta librería es el componente central de **[PICTOS](http://www.pictos.cl)** una aplicación gratuita para hacer los servicios más accesibles. Este es un proyecto de bien público y de código abierto. Por favor ayúdanos a mantenerlo con tu donación. [![Donate using Liberapay](https://camo.githubusercontent.com/f42d4c8650291eed95d5feb7658604d653ad107d3308fb7e8f269623d7ed65cf/68747470733a2f2f6c69626572617061792e636f6d2f6173736574732f776964676574732f646f6e6174652e737667)](https://liberapay.com/accesibilidad-inclusion/donate) ### Sistema gráfico [](#sistema-gráfico) Este sistema permite crear **Pictogramas** a partir de la articulación de 3 elementos o *capas* gráficas. Este pictograma ilustra el paso, de una serie de pasos que constituyen una tarea. PICTOS ayuda a volver más accesibles las tareas de los servicios públicos, sus transacciones. Las capas de cada paso o pictograma: 1. **Capa superior:** Acciones del protagonista: *verbo* 2. **Capa media:** Artefactos y elementos: *objeto sustantivo* con el cual se interactúa 3. **Capa contextual:** Espacio y referentes: razgo icónico en su sentido tipológico-situacional El sistema gráfico permite crear apoyos visuales y procedimentales compuestos por: 1. **Un pictograma** compuesto, as su vez, por 3 capas: acción del protagonista, artefactos o elementos de interacción y espacio y contexto. 2. **Una instrucción** compuesta por un ícono que refuerza la acción y una frase en lectura fácil o lenguaje llano Para la construcción correcta de un apoyo visual consistente debe existir una estrecha relación sintáctica entre la instrucción y el pictograma, cosa de establecer una clara correspondencia entre los elementos de la instrucción y los elementos gráficos que la acompañan. Este sistema permite crear **Pictogramas** a partir de la articulación de 3 elementos o *capas* gráficas. Este pictograma ilustra el paso, de una serie de pasos que constituyen una tarea. PICTOS ayuda a volver más accesibles las tareas de los servicios públicos, sus transacciones. Este sistema contiene una colección de posibilidades para cada una de las capas, lo que permite una combinatoria muy amplia de pictogramas que buscamos aumentar gracias al apoyo de la comunidad. ### Estructura [](#estructura) ``` { "title": "Pictogramas", "description": "Librería gráfica modular para la composición de pictogramas enfocados en la accesibilidad cognitiva", "properties": { "pictos": [ { "layer": 1, "path": "1-subject/ease.svg", "label": "Parado", "category": ["Trámites","Salud","Transporte","Ocio"], "tags": [ "mirar", "esperar", "escuchar","quieto","de pie"] }, { "layer": 1, "path": "1-subject/push.svg", "label": "Presiona", "category": ["Trámites","Salud","Transporte","Ocio"], "tags": [ "Apretar botón", "Deslizar ticket", "Tomar ticket", "Presionar"] }, ... ``` 1. **Layer**: Indica el orden en el que se apilan las capas, 1 siendo la que va por encima de todas las demas. 2. **Path**: Direccion del archivo svg. 3. **Label**: Nombre con el que se encuntra cada pictograma en la lista. 4. **Category**: Indica el servicio en el que cada pictograma se puede usar, para filtrar por servicio especifico y recibir solo los pictogras que tienen utilidad en este. 5. **Tags**: Otras formas de llamar a un pictogramas, para facilitar la busqueda de estos. ### Créditos [](#créditos) Este proyecto es fruto del trabajo de muchas personas y el apoyo de diversas iniciativas: #### Autores [](#autores) Pictogramas (inicialmente "PICTOS") fue el proyecto de Titulación de Diseño Gráfico de Antonella Pastén y María Ignacia von Unger. Profesores Herbert Spencer, Katherine Exss y Vanessa Vega. e\[ad\] Escuela de Arquitectura y Diseño PUCV. Este proyecto sigue en crecimiento y es mantenido por el [Núcleo de Investigación en Accesibilidad e Inclusión PUCV](http://www.accesibilidad-inclusion.cl). #### Instituciones [](#instituciones) 1. **Pontificia Universidad Católica de Valparaíso** mediante los proyectos: - I2: Investigación Inclusiva: Oportunidades para fortalecer la autodeterminación en la era digital (2017) - I3: Investigación, Innovación e Inclusión en la PUCV (2018) 2. **Servicio Nacional de la Discapacidad, SENADIS** - Apoyos Visuales para la Plena Inclusión de las Personas con Discapacidad Intelectual en los Servicios Públicos en Chile (2019-2020) 3. **Agencia Nacional de Investigación y Desarrollo, ANID** - PICTOS: Servicio para la navegación y evaluación de la accesibilidad cognitiva de los servicios en Chile IT21|0065 (2022-2024) [![Agencia Nacional de Investigación y Desarrollo](logos/logo-anid.gif)](logos/logo-anid.gif)[![Pontificia Universidad Caólica de Valparaíso](logos/logo-pucv.gif)](logos/logo-pucv.gif)[![SENADIS](logos/logo-senadis.gif)](logos/logo-senadis.gif)[![Cultura Libre](logos/logo-cultura-libre.gif)](logos/logo-cultura-libre.gif)[![Código Abierto](logos/logo-opensource.gif)](logos/logo-opensource.gif)### Licencia [](#licencia) Pontificia Universidad Católica de Valparaíso [CC BY-SA-NC](LICENSE) :) ### Health Score 37 — LowBetter than 83% of packages Maintenance64 Regular maintenance activity Popularity9 Limited adoption so far Community17 Small or concentrated contributor base Maturity52 Maturing project, gaining track record Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~28 days Total 2 Last Release 1254d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/d7a9d0eaa5ca2029fb2a6c2fbf7c5521e460a97235f31697f1c40ad3711e4028?d=identicon)[felipelavinz](/maintainers/felipelavinz) --- Top Contributors [![reneerodo](https://avatars.githubusercontent.com/u/88679289?v=4)](https://github.com/reneerodo "reneerodo (155 commits)")[![hspencer](https://avatars.githubusercontent.com/u/896632?v=4)](https://github.com/hspencer "hspencer (61 commits)")[![jacodiego](https://avatars.githubusercontent.com/u/18127480?v=4)](https://github.com/jacodiego "jacodiego (56 commits)")[![felipelavinz](https://avatars.githubusercontent.com/u/144856?v=4)](https://github.com/felipelavinz "felipelavinz (39 commits)")[![antopasten](https://avatars.githubusercontent.com/u/26397565?v=4)](https://github.com/antopasten "antopasten (13 commits)")[![omarogd1](https://avatars.githubusercontent.com/u/54785880?v=4)](https://github.com/omarogd1 "omarogd1 (9 commits)")[![basilio](https://avatars.githubusercontent.com/u/155106?v=4)](https://github.com/basilio "basilio (3 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (1 commits)")[![mvonunger](https://avatars.githubusercontent.com/u/29381479?v=4)](https://github.com/mvonunger "mvonunger (1 commits)") --- Tags accesibilidadcognitive-accessibilitycognitive-toolkitjavascriptpackagepictogramssvgiconsaccesibilitycognitive-accesibilitypictograms ### Embed Badge ![Health badge](/badges/accesibilidad-inclusion-pictogramas/health.svg) ``` [![Health](https://phpackages.com/badges/accesibilidad-inclusion-pictogramas/health.svg)](https://phpackages.com/packages/accesibilidad-inclusion-pictogramas) ``` ### Alternatives [twbs/bootstrap-icons Official open source SVG icon library for Bootstrap 7.9k2.0M56](/packages/twbs-bootstrap-icons)[simple-icons/simple-icons SVG icons for popular brands 24.8k194.2k4](/packages/simple-icons-simple-icons)[driftyco/ionicons The premium icon font for Ionic Framework. 18.0k87.8k8](/packages/driftyco-ionicons)[mervick/material-design-icons Google Material Design Icons For Using With Bootstrap 10191.4k7](/packages/mervick-material-design-icons)[codewithdennis/filament-lucide-icons A Filament plugin that integrates Lucide icons, allowing you to use them seamlessly across Filament forms, tables, actions, and more. 4529.4k2](/packages/codewithdennis-filament-lucide-icons)[quellenform/t3x-iconpack Provides an iconpack-registry for custom iconpacks. 1542.7k25](/packages/quellenform-t3x-iconpack) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)