🎨 Palette: Improve accessibility and loading experience#4
🎨 Palette: Improve accessibility and loading experience#4dgalodesign wants to merge 2 commits intomainfrom
Conversation
- Set correct language attribute (lang="es") for better screen reader support. - Added descriptive title to the iframe for improved accessibility. - Moved internal styles to style.css for better organization. - Added matching background color to body to prevent white flash during loading. Co-authored-by: dgalodesign <74675156+dgalodesign@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
- Ajuste del atributo de idioma (lang="es") para mejor soporte de lectores de pantalla. - Se agregó un título descriptivo al iframe para mejorar la accesibilidad. - Traslado de estilos internos a style.css para mejor organización. - Adición de un color de fondo coincidente al cuerpo para evitar el destello blanco durante la carga. Co-authored-by: dgalodesign <74675156+dgalodesign@users.noreply.github.com>
1 participant
This PR introduces several micro-UX and accessibility improvements to the portfolio wrapper:
langattribute inindex.htmlhas been updated toes(Spanish) to match the site's content. This ensures screen readers use the correct pronunciation.titleattribute was added to the mainiframe, providing context to assistive technology users.hsl(220, 13%, 18%)) was added to thebodyinstyle.css. This color matches the dark theme of the embedded portfolio, preventing a jarring "white flash" while the iframe content is loading.index.htmlwere moved to the externalstyle.cssfile.These changes are under 50 lines and follow the Palette agent's mission to add small touches of delight and accessibility.
♿ Accessibility improvements:
langattribute.titleattribute foriframe.PR created automatically by Jules for task 420175916896488970 started by @dgalodesign