{"id":1327,"date":"2025-11-21T09:00:00","date_gmt":"2025-11-21T08:00:00","guid":{"rendered":"https:\/\/programaraciegas.net\/?p=1327"},"modified":"2025-11-21T07:15:18","modified_gmt":"2025-11-21T06:15:18","slug":"color-asset-creator","status":"publish","type":"post","link":"https:\/\/programaraciegas.net\/?p=1327","title":{"rendered":"Color Asset Creator"},"content":{"rendered":"<p>La gesti\u00f3n de colores en proyectos para iOS, iPadOS, macOS o visionOS ha evolucionado mucho en los \u00faltimos a\u00f1os. Apple introdujo los color assets como parte de los cat\u00e1logos de recursos de Xcode, ofreciendo una forma estructurada y escalable de definir la paleta de una aplicaci\u00f3n. Sin embargo, la interfaz gr\u00e1fica actual de Xcode para crear y editar estos recursos presenta graves problemas de accesibilidad para desarrolladores ciegos.<\/p>\n<p>La gesti\u00f3n de colores desde la interfaz gr\u00e1fica de XCode implica interactuar con controles visuales complejos, selectores de color, paneles flotantes y zonas de arrastre que no siempre exponen correctamente su informaci\u00f3n a las APIs de accesibilidad. Esto provoca dificultades a la hora de crear o modificar conjuntos de colores o de definir comportamientos en los conjuntos creados.<\/p>\n<p>Con el proyecto <a href=\"https:\/\/github.com\/TyflosAccessibleSoftware\/ColorAssetCreator-XCode-extension\">Color Asset Creator<\/a> se propone una soluci\u00f3n concreta: una extensi\u00f3n de Xcode dise\u00f1ada espec\u00edficamente para crear color assets de forma accesible, aprovechando una interfaz basada en c\u00f3digo y controles est\u00e1ndar que s\u00ed son compatibles con tecnolog\u00edas de apoyo.<\/p>\n<p>En lugar de depender del panel visual de Xcode, la extensi\u00f3n ofrece una interfaz basada en formularios y controles est\u00e1ndar que se integran con VoiceOver y con el resto de tecnolog\u00edas de apoyo. De este modo, un desarrollador ciego puede definir un nuevo color con nombre de forma estructurada, introducir los valores de sus componentes de color mediante campos de texto y controles accesibles y generar los ficheros y entradas necesarias en el cat\u00e1logo de recursos del proyecto.<\/p>\n<h2>Qu\u00e9 son los color assets en Xcode<\/h2>\n<p>En XCode, los cat\u00e1logos de recursos (asset catalogs) permiten agrupar im\u00e1genes, colores, s\u00edmbolos y otros elementos bajo una estructura com\u00fan, normalmente en ficheros Assets.xcassets. Dentro de estos cat\u00e1logos, los color assets son definiciones de color con nombre que pueden utilizarse en cualquier parte de la app, tanto en c\u00f3digo como en interfaces visuales.<\/p>\n<p>En lugar de definir colores \u201cal vuelo\u201d con valores RGB o hexadecimales dispersos por el c\u00f3digo, los color assets permiten centralizar la paleta en un \u00fanico lugar. Cada entrada de color se guarda como un conjunto (.colorset) con su correspondiente definici\u00f3n interna, tal y como describe la <a href=\"https:\/\/developer.apple.com\/library\/archive\/documentation\/Xcode\/Reference\/xcode_ref-Asset_Catalog_Format\/Named_Color.html\">documentaci\u00f3n oficial de Apple sobre los tipos de color<\/a>.<\/p>\n<p>Estos color assets pueden adaptarse a diferentes condiciones: por ejemplo, ofrecer variantes espec\u00edficas para modo claro y modo oscuro, o para distintos espacios de color. De este modo, el mismo nombre de color se ajusta autom\u00e1ticamente seg\u00fan el contexto visual del sistema, lo que facilita la creaci\u00f3n de interfaces coherentes, accesibles y visualmente consistentes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La gesti\u00f3n de colores en proyectos para iOS, iPadOS, macOS o visionOS ha evolucionado mucho en los \u00faltimos a\u00f1os. Apple introdujo los color assets como parte de los cat\u00e1logos de recursos de Xcode, ofreciendo una forma estructurada y escalable de definir la paleta de una aplicaci\u00f3n. Sin embargo, la interfaz gr\u00e1fica actual de Xcode para &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/programaraciegas.net\/?p=1327\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abColor Asset Creator\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7,37,42,38,6],"tags":[11,199],"class_list":["post-1327","post","type-post","status-publish","format-standard","hentry","category-desarrollo","category-herramientas-de-asistencia","category-herramientas-software","category-ios","category-macos-x","category-programacion","tag-accesibilidad-2","tag-xcode"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/1327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1327"}],"version-history":[{"count":0,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/1327\/revisions"}],"wp:attachment":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}