hackforla / hackforla/knowledgebase-content

Create a Guide/Template: Responsible use of images on HfLA websites

Open
#105 26 comments 0 reactions 0 assignees View on GitHub
Complexity: Missing CoP label: checked CoP: Design CoP: Product drive: shared with me feature : guide creation milestone: missing Phase: 1 - Gather Examples Solo Phase: 4 - CoP Peer Review Ready for Bonnie Triage size: missing status: 1.1 needs wiki examples status: 4.2 needs edits
Dominant language
No language data
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

### Overview

We need a guide for image use on our open source projects so that we can ensure legal compliance, meet accessibility standards, and follow best practices for storage, attribution, and formatting. This will also help streamline contributions by developers and designers across HfLA projects.

---

### Action Items

The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labeled 'Tasks' at the bottom of this issue, and complete each task listed.

- [ ] [Gather Examples Solo](https://github.com/hackforla/guides/wiki/How-to-Gather-Examples:-Solo)
- [ ] [Gather Examples Collaboratively](https://github.com/hackforla/guides/wiki/Phase-2-%E2%80%90-Gather-Examples-Collaboratively)
- [ ] [Create a Guide Draft](https://github.com/hackforla/guides/wiki/How-to-Draft-a-Guide)
- [ ] If needed, create a template
- [ ] [Have your guide peer reviewed](https://github.com/hackforla/guides/wiki/Peer-Reviews-for-Guides)
- [ ] [Present your guide for leadership review](https://github.com/hackforla/guides/wiki/Submitting-Your-Guide-for-Leadership-Review)

---

### Resources/Instructions

- [Google Drive Folder – 0105 [DRAFT] Responsible use of images on HfLA websites](https://drive.google.com/drive/u/0/folders/ENTER_FOLDER_ID_HERE)
- [Draft Guide – Responsible use of images on HfLA websites](LINK_TO_DRAFT)
- [Image Use on Websites Guide (New format)](LINK_IF_AVAILABLE)
- Recommended image vendors:
- Unsplash
- Pexels
- The Noun Project
- Font Awesome
- Creative Commons search
- Reference folder: Hack for LA Social Media Icons (may be outdated; verify with HfLA website repo)
- Consider guidance for:
- How to find images
- Proper attribution
- Storage standards
- Accepted formats
- Sizing and optimization best practices
- [HfLA Credits Page](LINK_IF_AVAILABLE)
- [Wiki](LINK_TO_WIKI_IF_RELEVANT)

---

### Projects to Check

- Hack for LA Websites
- UI/UX components that use images
- Accessibility & compliance resources
- Past marketing & social media design guides

---

### Tasks

- [ ] Copy task instructions from each wiki phase above as you're working on it.
- [ ] Create a page mockup (assigned to UI/UX)
- [ ] Discuss and assign to HfLA developers + designers for review
- [ ] Open a feedback issue on UI/UX CoP repo
- [ ] Update the Guide Tracking Sheet with this issue

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.