---
# System prepended metadata

title: STEP

---

활동학습
모둠별로 쥬스메이커 프로젝트를 하나 골라서 접근성 향상을 위해 접근성 기능을 구현해봅시다.

# STEP
- 1. 모둠원 중 한 명의 쥬스 메이커 프로젝트를 선정하여 모두 클론해옵니다.
- 2. Accessbility Inspector의 Audit 탭을 통해 문제지점을 모둠원 다같이 파악합니다.
- 3. 각자 WWDC 2019의 Accessibility Inspector 영상과 Writing Great Accessibility Labels 영상을 토대로 모둠원-  모두 함께 해결방법을 찾아봅니다.
- 4. 하나의 프로젝트에 모두의 의견을 모아 접근성 기능을 구현합니다.
- 5. Accessibility Label, Hint, Value가 각각 어떤 차이가 있고, 어떻게 쓰이는지 정리해봅시다
    - label: 접근성 요소가 무엇인지 설명하는 짧은 localizing된 문자열
    - value: 접근성 요소의 값을 설명하는 localizing된 문자열
    - hint: 접근성 요소의 실행 결과를 설명하는 짧은 localizing된 문자열
# HINT
- Dynamic Type Size를 적용하여 사용자 환경설정에 맞게 글자 크기가 변하도록 구현합니다
        - 글자 크기 변경에 따른 화면 레이아웃 변경에 어떻게 유연하게 대처할 수 있을지 고민해봅니다
    - 눈을 감고도 화면을 이해할 수 있도록 화면 읽기가 제대로 동작하도록 구현합니다
        - 화면을 읽어줄 때 “딸기, 십, 바나나, 십” 등으로 읽으면 사용자는 '십’이 무슨 의미인지 알 수 없습니다
        - “딸기 재고 열 개, 바나나 재고 마흔 다섯 개” 등으로 읽을 수 있게 해주세요
```swift
//  ExpoEntryCell.swift
override func awakeFromNib() {
    super.awakeFromNib()
    
    entryImageView = UIImageView()
    entryImageView.translatesAutoresizingMaskIntoConstraints = false
    self.contentView.addSubview(entryImageView)
    
    entryNameLabel = UILabel()
    entryNameLabel.translatesAutoresizingMaskIntoConstraints = false
    entryNameLabel.font = UIFont.preferredFont(forTextStyle: .title1)
    entryNameLabel.adjustsFontForContentSizeCategory = true
    entryNameLabel.numberOfLines = 0
    
    entryShortDescriptionLabel = UILabel()
    entryShortDescriptionLabel.translatesAutoresizingMaskIntoConstraints = fale
    entryShortDescriptionLabel.font = UIFont.preferredFont(forTextStyle: .calout)
    entryShortDescriptionLabel.adjustsFontForContentSizeCategory = true
    entryShortDescriptionLabel.numberOfLines = 0
    
    stackView = UIStackView(arrangedSubviews: [entryNameLabel, entyShortDescriptionLabel])
    stackView.translatesAutoresizingMaskIntoConstraints = false
    stackView.alignment = .fill
    stackView.distribution = .fill
    stackView.contentMode = .scaleAspectFit
    stackView.axis = .vertical
    self.contentView.addSubview(stackView)
    
    NSLayoutConstraint.activate([
        entryImageView.widthAnchor.constraint(equalTo: entyImageView.heightAnchor),
        entryImageView.centerYAnchor.constraint(equalTo: conentView.centerYAnchor),
        entryImageView.leadingAnchor.constraint(equalTo: conentView.leadingAnchor, constant: 15.0),
        entryImageView.widthAnchor.constraint(equalTo: contentView.widthAnchor, muliplier: 0.2),
        stackView.trailingAnchor.constraint(equalTo: conentView.trailingAnchor),
        contentView.bottomAnchor.constraint(equalTo: stackView.bottomAnchor, contant: 10),
        stackView.leadingAnchor.constraint(equalTo: entyImageView.trailingAnchor, constant: 8.0),
        stackView.topAnchor.constraint(equalTo: contentView.topAnchor, contant: 10)
    ])
}
```
![](https://i.imgur.com/JnZgYsX.jpg)
       
